CSS3变形小结_html/css
来源：动视网
责编：小采
时间：2020-11-27 16:20:00
CSS3变形小结_html/css
CSS3变形小结_html/css_WEB-ITnose:Ø 旋转 rotate() （正 - 顺 负 - 逆） Ø 扭曲 skew() Ø 缩放 scale() Ø 位移 translate() Ø 矩阵 matrix( a,b,c,d,e,f ) a：水平伸缩量，1为原始大小 b：纵向扭曲，0为不变 c
导读CSS3变形小结_html/css_WEB-ITnose:Ø 旋转 rotate() （正 - 顺 负 - 逆） Ø 扭曲 skew() Ø 缩放 scale() Ø 位移 translate() Ø 矩阵 matrix( a,b,c,d,e,f ) a：水平伸缩量，1为原始大小 b：纵向扭曲，0为不变 c
Ø 旋转 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来对元素
原点位置改变）
CSS3变形小结_html/css
CSS3变形小结_html/css_WEB-ITnose:Ø 旋转 rotate() （正 - 顺 负 - 逆） Ø 扭曲 skew() Ø 缩放 scale() Ø 位移 translate() Ø 矩阵 matrix( a,b,c,d,e,f ) a：水平伸缩量，1为原始大小 b：纵向扭曲，0为不变 c
