当前位置:Gxlcms > html代码 > CSS3变形小结_html/css_WEB-ITnose

CSS3变形小结_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:22人阅读

Ø 旋转 rotate() (正 - 顺 负 - 逆)

Ø 扭曲 skew()

Ø 缩放 scale()

Ø 位移 translate()

Ø 矩阵 matrix( a,b,c,d,e,f )

a:水平伸缩量,1为原始大小

b:纵向扭曲,0为不变

c :横向扭曲,0不变

d:垂直伸缩量,1为原始大小

e:水平偏移量,0为初始位置

f :垂直偏移向,0是初始位置

Ø 原点 transform-origin()

任何一个元素都有一个中心点,默认情况下,其中心点是居于

元素X轴和Y轴的50%处(可通过transform-origin来对元素

原点位置改变)

人气教程排行