CSS3变形效果

通过变形效果，可以平移、缩放和旋转元素的功能

属性	说明
transform	指定应用的变换功能
transform-origin	指定变换的起点

1.transform

属性值	说明
none	无变换
translate(长度值或百分数值) translateX(长度值或百分数值) translatY(长度值或百分数值)	在水平方向、重直方向或两个方向上平移元素
scale(数值) scaleX(数值) scaleY(数值)	在水平方向、垂直方向或两个方向上缩放元素
skew(角度) skewiX(角度) skewY(角度)	在水平方向、垂直方向或两个方向上使元素倾斜一定的角度
matrix(4~6数值,逗号隔开）	指定自定义变换。

2.transform-origin

属性值	说明
百分数值	指定元素×轴或y轴的起点

长度值	指定距离
left center right	指定x轴的位置
top center bottom	指定y轴的位置