animate.css 动画种类(详细)

作者:WangMin
格言:努力做好自己喜欢的每一件事

以下为各种动画类型包含的不同动画效果类,仅供参考。具体可查看animate.css 官网。

bounce 弹跳 2. flash 闪烁 3. pulse 放大,缩小 4. rubberBand 放大,缩小,弹簧 5. shake 左右晃动 6. headShake 左右小幅晃动 7. swing 左右扇形摇摆 8. tada 放大,左右上下晃动,缩小 9. wobble 左右小幅(圆点较远)扇形摇摆 10. jello 左右左右上下晃动 11. bounceIn 重复放大缩小 12. bounceInDown 从上到下出现,弹簧 13. bounceInLeft 从左到右出现,弹簧 14. bounceInRight 从右到左出现,弹簧 15. bounceInUp 从下到上出现,弹簧 16. bounceOut 从常规到小消失,弹簧 17. bounceOutDown 从常规到小,从下方消失,弹簧 18. bounceOutLeft 从常规到小,从左方消失,弹簧 19. bounceOutRight 从常规到小,从右方消失,弹簧 20. bounceOutUp 从常规到小,从上方消失,弹簧 21. fadeIn 渐现 22. fadeInDown 渐现,从上到下 23. fadeInDownBig 渐现,从上到下,滑动距离较长 24. fadeInLeft 渐现,从左到右 25. fadeInLeftBig 渐现,从左到右,滑动距离较长 26. fadeInRight 渐现,从右到左 27. fadeInRightBig 渐现,从右到左,滑动距离较长 28. fadeInUp 渐现,从下到上 29. fadeInUpBig 渐现,从下到上,滑动距离较长 30. fadeOut 渐隐 31. fadeOutDown 渐隐,从上到下 32. fadeOutDownBig 渐隐,从上到下,滑动距离较长 33. fadeOutLeft 渐隐,从左到右 34. fadeOutLeftBig 渐隐,从左到右,滑动距离较长 35. fadeOutRight 渐隐,从右到左 36. fadeOutRightBig 渐隐,从右到左,滑动距离较长 37. fadeOutUp 渐隐,从下到上 38. fadeOutUpBig 渐隐,从下到上,滑动距离较长 39. flip 中心Y轴旋转,放大,缩小 40. flipInX 元素中心X轴旋转 41. flipInY 元素中心Y轴旋转 42. flipOutX 中心X轴旋转,消失 43. flipOutY 中心Y轴旋转,消失 44. lightSpeedIn 从右到左,平行四边形,左上角突出进入 45. lightSpeedOut 从左到右,平行四边形,左上角突出进入 46. rotateIn 元素中心顺时针旋转进入 47. rotateInDownLeft 元素左外长半径顺时针旋转进入 48. rotateInDownRight 元素右外长半径逆时针旋转进入 49. rotateInUpLeft 元素左外长半径逆时针旋转进入 50. rotateInUpRight 元素右外长半径顺时针旋转进入 51. rotateOut 元素中心顺时针旋转消失 52. rotateOutDownLeft 元素左外长半径顺时针旋转消失 53. rotateOutDownRight 元素右外长半径逆时针旋转消失 54. rotateOutUpLeft 元素左外长半径逆时针旋转消失 55. rotateOutUpRight 元素右外长半径顺时针旋转消失 56. hinge 从右上到坐下,顺时针旋转,从上到下消失 57. rollIn 元素左外长半径顺时针旋转,平滑进入 58. rollOut 元素右外长半径顺时针旋转,平滑进入 59. zoomIn 元素由小变大进入 60. zoomInDown 元素由小变大,从上方进入 61. zoomInLeft 元素由小变大,从左方进入 62. zoomInRight 元素由小变大,从右方进入 63. zoomInUp 元素由小变大,从下方进入 64. zoomOut 元素由大变小,消失 65. zoomOutDown 元素由大变小,从下方消失 66. zoomOutLeft 元素由大变小,从左方消失 67. zoomOutRight 元素由大变小,从右方消失 68. zoomOutUp 元素由大变小,从上方消失 69. slideInDown 元素从上到下,平滑进入 70. slideInLeft 元素从左到右,平滑进入 71. slideInRight 元素从右到左,平滑进入 72. slideInUp 元素从下到上,平滑进入 73. slideOutDown 元素从上到下,平滑消失 74. slideOutLeft 元素从右到左,平滑消失 75. slideOutRight 元素从左到右,平滑消失 76. slideOutUp 元素从下到上,平滑消失

以上仅是个人见解,若有不足之处欢迎在下方评论指出,那就先分享到这里!! 😄 后续继续更新!!


__EOF__

本文作者汪末末
本文链接https://www.cnblogs.com/wmbuke/p/13681593.html
关于博主:评论和私信会在第一时间回复。或者直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角推荐一下。您的鼓励是博主的最大动力!
posted @   汪末末  阅读(1130)  评论(0编辑  收藏  举报
编辑推荐:
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
阅读排行:
· 【.NET】调用本地 Deepseek 模型
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
点击右上角即可分享
微信分享提示