假如直接在元素中写opacity:0，则动画结束后，元素会重新隐藏，例如：
.item{
opacity:0;
animation:appear linear 3s;
-webkit-animation: appear linear 3s;
}
@-webkit-keyframes appear {
0% {opacity:0}
100% {opacity:1}
}
解决：
1.将item的opacity属性删除；
2.在item中加入：animation-fill-mode:both
完毕
css3 animate 让元素一开始隐藏 假如直接在元素中写opacity:0，则动画结束后，元素会重新隐藏，例...
Animate.css——强大的CSS3动画库 https://github.com/animate-css/an...
animate.css介绍 animate.css是一个跨浏览器的css3动画库 animate.css基础使用 ...
css3常用动画+动画库 vue2使用animate css
High Performance Animations 类库animate.css 参考关于css3
$('元素名').animate({ scrollTop: $("元素名")[0].scrollHeight ...
Animate.css一款强大的预设css3动画库
animate.css animate.css是一个来自国外的CSS3动画库，它预设了抖动（shake）、闪烁（f...
animate.css – 齐全的CSS3动画库 演 示 下 载 简介 animate 是一个来自国外的 CSS3...
css3的动画和jQuery的animate动画不兼容，所以不能混着用。想用css3的属性，就用transitio...
本文标题：css3 animate 让元素一开始隐藏
本文链接：https://www.haomeiwen.com/subject/jmtodxtx.html
网友评论