transition-property 設(shè)置過渡的屬性有滑,
transition-duration 設(shè)置過渡的時(shí)間窃判,
transition-timing-function 設(shè)置過渡的運(yùn)動方式
linear 勻速
ease 開始和結(jié)束慢速
ease-in 開始是慢速
ease-out 結(jié)束時(shí)慢速
ease-in-out 開始和結(jié)束時(shí)慢速
cubic-bezier(n,n,n,n)
transition-delay 設(shè)置動畫的延遲
transition: property duration timing-function delay 同時(shí)設(shè)置四個(gè)屬性
CSS3 transform變換
1、translate(x,y) 設(shè)置盒子位移
2、scale(x,y) 設(shè)置盒子縮放
3、rotate(deg) 設(shè)置盒子旋轉(zhuǎn)
4愉粤、skew(x-angle,y-angle) 設(shè)置盒子斜切
5、perspective 設(shè)置透視距離
6拿撩、transform-style flat | preserve-3d 設(shè)置盒子是否按3d空間顯示
7衣厘、translateX、translateY压恒、translateZ 設(shè)置三維移動
8影暴、rotateX、rotateY探赫、rotateZ 設(shè)置三維旋轉(zhuǎn)
9型宙、scaleX、scaleY伦吠、scaleZ 設(shè)置三維縮放
10妆兑、tranform-origin 設(shè)置變形的中心點(diǎn)
11魂拦、backface-visibility 設(shè)置盒子背面是否可見
CSS3 transform變換
1、translate(x,y) 設(shè)置盒子位移
2箭跳、scale(x,y) 設(shè)置盒子縮放
3晨另、rotate(deg) 設(shè)置盒子旋轉(zhuǎn)
4、skew(x-angle,y-angle) 設(shè)置盒子斜切
5谱姓、perspective 設(shè)置透視距離
6、transform-style flat | preserve-3d 設(shè)置盒子是否按3d空間顯示
7刨晴、translateX屉来、translateY、translateZ 設(shè)置三維移動
8狈癞、rotateX茄靠、rotateY、rotateZ 設(shè)置三維旋轉(zhuǎn)
9蝶桶、scaleX慨绳、scaleY、scaleZ 設(shè)置三維縮放
10真竖、tranform-origin 設(shè)置變形的中心點(diǎn)
11脐雪、backface-visibility 設(shè)置盒子背面是否可見