animate.css预制了大量常用的动画效果,对于日常开发可以大大提高效率。不过里面有个小坑,菜鸟们要注意了。
在使用anmiate预制类的时候一定要加上animated,不然动画是不会动的!
<div class="fadeIn">Content</div> 错误!不会显示动画
<div class="fadeIn animated">Content</div> 正确!显示动画正常
嗯,就是这个坑。
本文揭示了一个在使用animate.css时常见的误区:若不正确地添加'animated'类,即使使用了预定义的动画类如'fadeIn',动画也不会生效。文章通过对比正确的和错误的代码示例,强调了在元素上同时应用'fadeIn'和'animated'类的重要性。
animate.css预制了大量常用的动画效果,对于日常开发可以大大提高效率。不过里面有个小坑,菜鸟们要注意了。
在使用anmiate预制类的时候一定要加上animated,不然动画是不会动的!
<div class="fadeIn">Content</div> 错误!不会显示动画
<div class="fadeIn animated">Content</div> 正确!显示动画正常
嗯,就是这个坑。
4533
1147

被折叠的 条评论
为什么被折叠?