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動畫在除首屏之外先載入頁面後執行動畫的問題