好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

animate。css 多个动画

animate.css是一个非常流行的CSS动画库,它提供了多个动画效果供我们使用,如淡入、放大、弹跳等。

该库非常容易在项目中使用。首先,在您的HTML文件中添加animate.css:

 <link rel="stylesheet" href="animate.css"> 

接下来,在您要添加动画效果的元素中添加类名“animate”和该元素的动画名称,例如:

 <div class="animate bounce"></div> 

在这个例子中,"bounce"是该库中可用的一个动画名称之一。

下面是animate.css一些常见的动画效果:

 class="animate bounce"          //弹跳
class="animate flash"          //闪烁
class="animate tada"          //晃动
class="animate pulse"          //脉冲
class="animate fadeIn"          //淡入
class="animate slideInLeft"     //从左侧进入
class="animate zoomIn"          //放大 

除了上面列出的动画效果,animate.css还提供了大量其他动画效果以供使用。

简而言之,animate.css是一个十分实用的CSS动画库,您可以使用它来提升您的网站的设计和用户体验。

查看更多关于animate。css 多个动画的详细内容...

  阅读:60次

上一篇: animate。css 回调

下一篇:15个精美的css