美文网首页
animate.css动画初始状态隐藏

animate.css动画初始状态隐藏

作者: 辣子_ | 来源:发表于2019-03-07 07:59 被阅读0次

    在使用animate.css会做移动端的css动画,PC端的结合jquery.fullpage.js就能做一个全屏滚动的企业网站,但初始状态下需要隐藏有动画的元素

    可以给animated类添加opacity:0属性,动画在开始状态是隐藏的,当动画元素出现在屏幕可视区域,动画会自动执行,执行完动画会保持最后一个状态不变,也就是不会隐藏,但使用是有前提的!!敲重点

    在animate.css中能使用这种方法的动画类名只有和fadeIn相关的才能用,fadeIn、fadeInUp、fadeInDown、fadeInLeft、fadeInRight都可以使用

    像slideInUp这些slideIn相关的都不能使用

    相关文章

      网友评论

          本文标题:animate.css动画初始状态隐藏

          本文链接:https://www.haomeiwen.com/subject/lwrqpqtx.html