css3 动画插件Animate.css

官网：https://animate.style/
GitHub：https://github.com/daneden/animate.css

Animate.css 是一个非常实用的 CSS 动画库，具有以下重要作用：

1. 节省开发时间

   • 提供了丰富的预定义动画效果，开发者无需从头编写复杂的动画代码，直接引用相应的类名即可应用动画，大大提高了开发效率。

2. 增强用户体验

   • 为网页添加生动、吸引人的动画效果，能够吸引用户的注意力，提升用户与页面的交互体验，使页面更加有趣和富有活力。

3. 保持一致性

   • 确保在不同页面和元素上应用的动画具有一致的风格和质量，使整个网站或应用的视觉效果更加统一和专业。

4. 易于定制

   • 虽然是预定义的动画，但开发者可以根据自己的需求调整动画的持续时间、延迟、重复次数等参数，以满足特定的设计要求。

例如，如果您希望一个按钮在点击时有一个缩放的动画效果，只需要给按钮添加 animate__animated animate__zoomIn 类名即可。

又或者，当您想要一个元素在页面加载时缓慢淡入显示，可以添加 animate__animated animate__fadeIn 类名，并设置合适的延迟时间。