使用animate.css做h5宣传页，发现有的类名（比如shake,taba等）属性一开始是不隐藏的，
只有那些类命中带IN的，一开始是从隐藏到出现。
我的方法时把那个类名重写一遍給0% 加opacity：0,100%时 opacity：1
3
1236@-webkit-keyframes tada {
0% {
opacity:0; //自己加的
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}但感觉这样比较麻烦，有没有更好的方法？
收藏
收藏
收藏
Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
![ThinkPHP5实战之[教学管理系统]](https://img.php.cn/upload/course/000/000/068/6253d87459486427.png)
以前也想过,就是加一个统一类名visibility: hidden一发就好了,然后动画执行的时候设置回来.
以前做h5宣传页也遇到这个问题
使用CSS3 animation-fill-mode 属性可以解决
动画开始前停留在第一帧位置，动画结束后停留在最后一帧位置。
打个补丁,给你的所有想一开始就隐藏起来的元素加下面两个类。
-
你也可以写一起，只加一个类名。
.hide { opacity:0; } .forwards { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }