PageSlider中CSS3动画在除首屏之外先加载页面后执行动画的问题

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

标签：width   代码   back   visible   css3   可见   效果   显示   问题   

原文地址：http://www.cnblogs.com/hanhaihu/p/6849148.html