Javascript 在html中为部分文本设置动画（jquery）_Javascript_Jquery_Css_Animate.css_Impress.js

Javascript 在html中为部分文本设置动画（jquery）

javascript jquery css

Javascript 在html中为部分文本设置动画（jquery）,javascript,jquery,css,animate.css,impress.js,Javascript,Jquery,Css,Animate.css,Impress.js,目标很简单-> 假设我有一句话：这对我来说是一个特别的日子我想让“特别”这个词充满活力，小弹跳下面是我尝试的，我正在使用impress.js+animate.css index.html： <html> <head> ... </head> <body class="impress-not-supported"> <div id="impress"> <div id="first_slider" cla

目标很简单->

假设我有一句话：

这对我来说是一个特别的日子

我想让“特别”这个词充满活力，小弹跳

下面是我尝试的，我正在使用impress.js+animate.css

index.html：

<html>
<head>
    ...
</head>

<body class="impress-not-supported">

<div id="impress">

    <div id="first_slider" class="step slide" data-x="-1000" data-y="-1500">
        <h3 style="display: inline">This is a</h3> <h3 class="xxxxx_bounce" style="display: inline">special</h3> <h3 style="display: inline">day for me</h3>
    </div>
</div>

<script src="js/impress.js"></script>
<script>
    impress().init();

    $('#first_slider').on('impress:stepenter', function() {
        $(this).find("h3.xxxxx_bounce").addClass('animated bounce');
    });
</script>

</body>
</html>

我在safari中找不到具有额外样式显示：inline的h3元素

有没有更好的方法来完成这项工作？

尝试内联块而不是内联块。

您有没有尝试过这是我的一个特殊日子？您是否有可能为我们创建一个？

$(this).find("h3.xxxxx_bounce")