-
整個效果中分為三個主題頁面，三個主題橫向布局并且無縫連接，可視區域范圍永遠只顯示一個主題頁面。三個主題頁面為三個塊級元素，用float實現橫向布局效果。然后使用hidden隱藏多余的頁面。 切換頁面使用js動態獲取頁面尺寸。查看全部
-
通過溢出隱藏多余的頁面overflow :hidden;查看全部
-
細化每個頁面的內容查看全部
-
作動的實現與封裝查看全部
-
一，頁面結構的搭建與切換查看全部
-
流程的編寫與控制查看全部
-
二、小男孩的動作實現與封裝查看全部
-
一、結構的搭建與切換查看全部
-
transform 屬性向元素應用 2D 或 3D 轉換，該屬性允許我們對元素進行旋轉、縮放、移動或傾斜。其中會有一個值translate3d(x,y,z) 是用來控制元素的位置在頁面上的三軸的位置的，translate3d這里指明了3d就是啟用了3d加速，也就是啟動GPU來處理，性能更強查看全部
-
轉換 漸變 動畫 音頻查看全部
-
li:nth-child(2):ul中的li三個他們為什么這樣寫查看全部
-
slide.css的意思是什么？查看全部
-
也是查看全部
-
通過設置將小男孩當前left值設置為定值達到使小男孩停止行走的效果查看全部
-
，@keyframes用百分比來規定變化發生的時間， 0% 是動畫的開始，100% 是動畫的完成，規則中有4個百分比值的變化，每個比值分別通過position獲取一張圖片，分別是0%,25%,50%,75%,100%。在950毫米內從0%-100%發生4次變化，采用的算法是steps(1, start)一幀一幀的切換，通過設置infinite參數每950毫秒不斷循環查看全部
舉報
0/150
提交
取消