-
課程詳細(xì)查看全部
-
課程詳細(xì)查看全部
-
Transform查看全部
-
效果簡(jiǎn)介: 1、CSS定位概覽 2、通過(guò)rgba(紅,綠,藍(lán),透明度)設(shè)置顏色 3、CSS3動(dòng)畫(huà)。2D或3D轉(zhuǎn)換:transform 4、CSS3動(dòng)畫(huà)平滑過(guò)渡:transition查看全部
-
技巧四:實(shí)現(xiàn)橢圓運(yùn)動(dòng)。 技巧五:實(shí)現(xiàn)弧形運(yùn)動(dòng) 例子: .ball{ transform-origin:center top; animation:sway 2.2s infinite alternate ease-in-out; } @keygrames sway{ to{transform:rotate(30deg)} }查看全部
-
知識(shí)點(diǎn)查看全部
-
test1234查看全部
-
技巧三:設(shè)置border寬度。 例子: border-top:200px solid green; border-right:200px solid red; border-bottom:200px solid green; border-left:200px solid red; 元素width:0;height:0; border各邊分別為0px。 border相鄰兩邊配合為0px。查看全部
-
測(cè)試查看全部
-
transition-delay設(shè)置成負(fù)值時(shí)查看全部
-
transform-origin設(shè)置旋轉(zhuǎn)元素的基點(diǎn)位置查看全部
-
技巧二:設(shè)置border顏色查看全部
-
CSS動(dòng)畫(huà)實(shí)用技巧: 技巧一:設(shè)置animation-delay為負(fù)值。 animation-delay:定義動(dòng)畫(huà)何時(shí)開(kāi)始。值有: 默認(rèn)是0,立即執(zhí)行動(dòng)畫(huà)。 正值,延時(shí)指定時(shí)間后,開(kāi)始執(zhí)行動(dòng)畫(huà)。 負(fù)值,立即執(zhí)行,但跳過(guò)指定時(shí)間后進(jìn)入動(dòng)畫(huà)。查看全部
-
Transform查看全部
-
筆記查看全部
舉報(bào)
0/150
提交
取消