本實(shí)例提供29種貝塞爾曲線css3模板,所有內(nèi)容代碼來自互聯(lián)網(wǎng)!你可以自己使用這些常見cubic-bezier曲線模板,也可以通過貝塞爾曲線工具調(diào)試出適合自己的cubic-bezier動(dòng)畫效果。貝塞爾曲線由4個(gè)點(diǎn)構(gòu)成,css3貝塞爾曲線函數(shù),默認(rèn)起始點(diǎn)坐標(biāo)是(0,0),終點(diǎn)坐標(biāo)是(1,1),因此你只需要控制剩下2個(gè)方向點(diǎn),就可以得出一個(gè)完整的貝塞爾曲線!只有支持Css3效果瀏覽器才可以看到效果!
-webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
-moz-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
-o-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
-moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
-o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
您最近使用了: