前幾天寫了滾動(dòng)全屏的問題他嚷，但是覺得這種滾動(dòng)太一般了坤溃，沒什么好玩的引几，還是不如現(xiàn)在的一些頁面帶動(dòng)畫的來的高大上昧互。
我知道Html5和Css3的一些東西，那一定是css3動(dòng)畫實(shí)現(xiàn)的效果伟桅，然后我不假思索的給一些元素添加了屬性
> translation：all 1s;
然而這并沒有什么用敞掘，根本不會有動(dòng)態(tài)的效果，動(dòng)畫需要?jiǎng)幼鱽硗瓿傻拈固Ｏ日f說css3動(dòng)畫的屬性,大概是 transform（變形）玖雁、transition（轉(zhuǎn)換）、animation（動(dòng)畫）三大屬性盖腕。
想要有動(dòng)畫的效果赫冬，至少是有初始的形態(tài)和最終形態(tài)。比如你看到的效果中溃列，進(jìn)入當(dāng)前頁面劲厌，頁面里的一張圖片會從下往上移動(dòng)到它應(yīng)該在的位置，那么這個(gè)效果中哭廉，進(jìn)入頁面的時(shí)候它所在的位置是初始的形態(tài)脊僚，等到他移動(dòng)完了之后的位置就是他的最終形態(tài)。必須要這兩種形態(tài)才行遵绰，缺了任何一個(gè)都不會讓動(dòng)畫動(dòng)起來辽幌。
最后我參考了一些資料，寫出了我的第一個(gè)移動(dòng)的動(dòng)畫
>.net_inner .page3_1{background: url(img/page3_1.png); bottom: 35%; opacity: 0; margin-left: 40%; transition: all 0.8s;}
>.active .net_inner .page3_1{opacity: 1.0; transition-delay: 1s; margin-left: 50%;}
上面的那個(gè)是初始屬性椿访，下面的這個(gè)是激活狀態(tài)的屬性乌企，transition：all 0.8s;這個(gè)是表示動(dòng)畫全過程的持續(xù)時(shí)間，主要是那個(gè)時(shí)間成玫，不能太長也不能太短加酵，這個(gè)看自己的調(diào)試，自己覺得怎么舒服就怎么定哭当。
這個(gè)動(dòng)畫是一個(gè)圖片從左往右移動(dòng)從無到有的一個(gè)動(dòng)畫：opacity是表示圖片的顯示從完全透明到完全不透明猪腕；transition-delay，表示延遲钦勘。這樣的一個(gè)簡單的動(dòng)畫就完成了.
