27.animate.css

animate.css

使用 animate.css

1. 直接在元素上使用

   需要添加 公共类 animate__animated，然后根据效果添加需要使用的 动画类名，注意以animate__为前缀

   animate__动画名

<div class="wp animate__animated animate__bounce"></div>
<div class="wp animate__animated animate__rubberBand"></div>
<div class="wp animate__animated animate__jello"></div>
<div class="wp animate__animated animate__backInLeft"></div>

2. 使用 animate.css 的动画名

   不用刻意添加类名，可以直接在css中声明 animation属性，然后他的动画名是 animate.css 中的动画名即可

<div class="move"></div>

/* 使用animate的动画名 */
.move:hover{
    animation: fadeOutUp 1s infinite;
}