前端

Appearance

Animate.css ​

https://github.com/animate-css/animate.css.git

https://animate.style/

Animate.css 是一个轻量级的开源 CSS 动画库，提供了近 80 种常用的动画效果，涵盖了淡入淡出、翻转、缩放、旋转等多种类型。它易于使用，只需在 HTML 元素中添加类名即可实现动画效果。Animate.css 还支持自定义动画效果，具有很强的灵活性。

Animate.css 的使用也非常简单，只需将其导入到页面中，然后在 HTML 元素中添加相应的类名即可实现对应的动画效果，使网页看起来更加生动、有趣和令人印象深刻。

常用的动画特效 ​

  • Bounce：元素在运动过程中有弹性的跳跃效果。
  • FadeIn：元素由透明到不透明，实现淡入效果。
  • FlipInX：元素从 X 轴翻转进入。
  • Pulse：元素呼吸般的闪烁效果。
  • RotateIn：元素以一定的时间内旋转一周进入。
  • SlideInLeft：元素从左侧滑入。
  • Swing：元素像摆钟一样左右晃动。
  • ZoomIn：元素从小到大缩放或者从远到近变大。
  • RollIn：元素从外面卷入。