用animate.min.css出现闪屏问题
利用用animate.min.css写动画效果，比如说加载到一个界面时先一片空白然后某些元素淡入，现在的问题是所有的元素都显示出来，然后才开始动画，所以就出现了闪屏的问题，请各位大神支招
展开
收起
1
条回答
写回答
写回答
-
- 使用css3 transform 方法硬件加速 -ms-transform:translate3d(0,0,0); /* IE 9 / -moz-transform:translate3d(0,0,0); / Firefox / -webkit-transform:translate3d(0,0,0); / Safari 和 Chrome / -o-transform:translate3d(0,0,0); / Opera */
- 使用到动画的样式设置如下样式，可解决 https://www.cnblogs.com/xzma/p/9884617.html -webkit-backface-visibility: hidden;（设置进行转换的元素的背面在面对用户时是否可见：隐藏） // 如果有3d加上下面句 ，没有可省略 -webkit-transform-style: preserve-3d; （设置内嵌的元素在 3D 空间如何呈现：保留 3D ） eg: .num { -webkit-backface-visibility: hidden }
2020-06-01 15:03:44赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
