首页 > 代码库 > 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动画在除首屏之外先加载页面后执行动画的问题