-
案例框架查看全部
-
jQuery mobile anqluar mobile zepto.js等移動端框架查看全部
-
CSS reset查看全部
-
技術總結查看全部
-
案例框架:動作、動畫查看全部
-
Animate Css查看全部
-
CSS3 動畫 關鍵幀查看全部
-
CSS3動畫:Animation查看全部
-
Canvas 書查看全部
-
移動開發的框架和庫查看全部
-
操作系統查看全部
-
<meta name="viewport" content="width=device-width,initial-scale=1.0"> 指定viewport,寬度為設備的寬度,為了讓不同分辨率的正常顯示而縮放 viewport:對于不同的設備而言,分辨率和物理尺寸都是不一樣的。對網頁會進行縮放,為了在不同設備上展示效果一樣,使用viewport查看全部
-
animation 部分屬性 animation-name:myfirst;/*執行的動畫名稱( @keyframes 動畫的名稱)*/ animation-duration: 5s;/*執行時間5s(規定動畫完成一個周期所花費的秒或毫秒。默認是 0。)*/ animation-timing-function: linear;/*執行方式:線性。其他方式:ease-in 又慢到快;ease-out 由快到慢*/ animation-delay: 2s;/*動畫開始執行的時間延時*/ animation-iteration-count:infinite;/*動畫無限循環*/ animation-direction:alternate;/*動畫應該輪流反向播放(規定動畫是否在下一周期逆向地播放。默認是 "normal"。)*/ aniamtion-play-state:running;/* 屬性規定動畫正在運行還是暫停*/查看全部
-
image object作用: 1.預加載圖片 2.按比例縮放圖片 圖為細節以及image對象返回的屬性查看全部
-
1.跟PC端相比,移動端最大的不同是處理設備的分辨率是不同的,能處理各種各樣的分辨率設備 2.響應式布局:根據不同的設備響應出不同的效果 3.CSS3代替 DOM animation (為處理低版本IE兼容性問題,會采取dom操作進行動畫效果顯示,但在移動端用dom操作會非常低效,建議使用CSS3) 4.CSS3使用設備GPU渲染 (之所以在移動端會高效是因為使用移動設備硬件的GPU進行渲染)查看全部
舉報
0/150
提交
取消