首页 > 代码库 > PageSlider中CSS3动画在除首屏之外先加载页面后执行动画的问题
PageSlider中CSS3动画在除首屏之外先加载页面后执行动画的问题
PageSlider中CSS3动画在除首屏之外先加载页面后执行动画的问题,PageSlider中加入CSS3动画的话,默认只有首屏是从无到有执行动画,其他屏都是显示下页面再执行动画
这就造成其他屏的动画展示效果不好,解决方法,让所有屏的背景可见,但是只要当前屏的元素可见;
上代码:
.page {
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
div,
ul,
p {
visibility: hidden;
}
}
.page.current {
div,
ul,
p {
visibility: visible;
}
}
PageSlider中CSS3动画在除首屏之外先加载页面后执行动画的问题
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。