CSS3動畫畫冊是一種以CSS3動畫技術為主要手段設計的畫冊，不僅能夠讓用戶在體驗中獲得更好的視覺效果，而且能夠讓用戶在操作過程中增加樂趣性和參與度。下面我們來一起了解一下CSS3動畫畫冊的設計及實現技術。
/* CSS3動畫畫冊整體布局設置 */
.container{
width: 960px;
height: 600px;
margin: 0 auto;
position: relative;
perspective: 1000px;
}
/* CSS3動畫畫冊頁面設置 */
.page{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
backface-visibility: hidden;
transform-style: preserve-3d;
transition: transform 1s linear;
}
/* 當前頁碼改變時，通過JS動態設置當前頁的transform值 */
.page.active{
transform: translateZ(0px);
}
/* CSS3動畫畫冊旋轉函數 */
function rotate(deg){
var angle = deg || 0;
var pages = document.getElementsByClassName("page");
for(var i=0; i通過以上CSS3技術的應用，就能夠輕松實現動畫畫冊的炫酷效果。在這里，我們不僅僅是對CSS3動畫技術的運用進行了深入的了解，同時也讓我們看到了CSS3動畫畫冊在未來的前景。
上一篇java怎么學習和自學
下一篇css3動畫 app