-
/*規定 @keyframes 動畫的名稱。*/ -webkit-animation-name: person-slow; /*規定動畫完成一個周期所花費的秒或毫秒。默認是 0*/ -webkit-animation-duration: 950ms; /*規定動畫被播放的次數。默認是 1。 infinite(循環播放)*/ -webkit-animation-iteration-count: infinite; /*動畫切換的方式是一幀一幀的改變*/ -webkit-animation-timing-function: steps(1, start); -moz-animation-name: person-slow; -moz-animation-duration: 950ms; -moz-animation-iteration-count: infinite;查看全部
-
keyframes 可通過不同的百分比來控制每張圖片的獲取時間查看全部
-
swipe.scrollTo(idex,speed)實現頁面滾動查看全部
-
動頁面查看全部
-
steps(1,tart) 開始左側端點的部分為開始 steps(1,end) 以結尾端點為開始，默認值為end css3的逐幀動畫 第一個參數是一個大于0的整數，他是將間隔動畫等分成指定數目的小間隔動畫 根據第二個參數來決定顯示效果查看全部
-
var dtd = $.Deferred(); //創建 dtd.resolve(); //成功 dtd.then() //執行回調查看全部
-
坐標值的計算就是 ： 實際X/Y軸位置 = 比例 * 頁面寬度查看全部
-
animation的暫停方式： animation-play-state: paused||running查看全部
-
定義了一個keyframes的規則，原理同樣也是通過position不斷更換幀圖的坐標，這里會有一個animation-fill-mode的屬性，forwards的意思就是保留在最終的狀態，也就是我們轉身后的最終狀態查看全部
-
transform:translated3d() <!-- nth-child表示選取各個元素，index表示第幾個，3n-->查看全部
-
在這里實現開門關門的動畫效果。左右兩扇門動畫是同步控制的，只是要分為開和關。 在監聽動畫完成上，采用count計數，count開始為2，當執行第一個回調函數后會減1，當執行第二個回調函數執行時，defer.resolve才會執行查看全部
-
使用css3.0的@keyframes實現雪碧圖的切換查看全部
-
小男孩要走過三個頁面，所以不能放到任何一個頁面底下，這里我們把小男孩的頁面和三個頁面并列放置。小男孩移動的時候定位要相對父級元素定位。 小男孩的top值問題。小男孩的路徑在頁面的那條路上。所以top值和路的top值有關。 小男孩的top = 中間路段的中間坐標值 - 小男孩的高度查看全部
-
本章節進行代碼封裝，將js放在單獨的頁面中，留出一個接口來傳遞參數。這樣互不影響，也是面向對象的優點。留接口這個地方還不太熟悉，各位朋友多多指點。查看全部
-
通過改變父元素的x坐標來實現頁面之間的轉換。利用js來獲取width。利用transform3d(x,y,z)來實現父元素的坐標。這里從第一個主題開始滾動(x=0)到第三個主題(x=width*2)結束。這里用js獲取到的width是頁面可視區域的width（因為之前我們寫了hidden隱藏了溢出的部分），因此這個width必須*2。查看全部
舉報
0/150
提交
取消