-
摘自阿輝2 其實(shí)timing-function還有幾個(gè)模式： step-start | step-end | steps(6, end) 最后一個(gè)蠻有意思的，把動(dòng)畫分幾段執(zhí)行，可以用這個(gè)制作一個(gè)純css3的秒表 -webkit-transition:width 2s steps(6, end)，有興趣的試一下這個(gè)模式 秒表思路：在一個(gè)div里豎向排列1-9，每隔1秒位置往上走一步（top值）， 使用 -webkit-animation: moveten 1s steps(10, end) infinite;查看全部
-
過(guò)渡模式查看全部
-
css3動(dòng)畫功能 transition：屬性之間平滑過(guò)渡 animation:利用關(guān)鍵幀產(chǎn)生復(fù)雜的動(dòng)畫效果 transition: 過(guò)渡屬性名稱 過(guò)渡時(shí)間 兼容不同瀏覽器需要有不同的寫法 -webkit-transition 谷歌、蘋果 -moz-transition 火狐 -o-transition opera查看全部
-
設(shè)置3D場(chǎng)景 -webkit-perspective:800; -webkit-perspective-origin:50% 50%; -webkit-transform-style:-webkit-preserve-3d;查看全部
-
transition的過(guò)渡模式:ease(緩慢開始,緩慢結(jié)束) linear(勻速) ease-in(緩慢開始) ease-out(緩慢結(jié)束) ease-in-out(緩慢開始,緩慢結(jié)束。和ease有區(qū)別)查看全部
-
transition過(guò)渡模式查看全部
-
ease:緩慢結(jié)束/開始 linear：勻速 ease-in:緩慢開始 ease-out:緩慢結(jié)束 ease-in-out：與ease稍有區(qū)別查看全部
-
我的第一章第一節(jié)筆記查看全部
-
transition查看全部
-
css3動(dòng)畫查看全部
-
使用transform-origin屬性調(diào)整旋轉(zhuǎn)中心查看全部
-
兩個(gè)屬性設(shè)置3D場(chǎng)景查看全部
-
transition:<過(guò)渡屬性名稱><過(guò)渡時(shí)間><過(guò)渡模式>查看全部
-
CSS3 的動(dòng)畫功能實(shí)現(xiàn)：transition，animation查看全部
-
火狐瀏覽器用-moz-transition查看全部
舉報(bào)
0/150
提交
取消