特效属性「Transform」+矩阵matrix
CSS门槛低，⽆需程序基础或数学逻辑能⼒，也能做出点⾃我感觉不错的东西。然⽽，你⾃⼰也应该清楚的，⼀般你能轻松学到的东西，别⼈也可以。因此，如果你想挤进那20%的⾏列，就要学到⼀般⼈学不到的深度，学到⼀般⼈学不了的东西。⾃然，是需要更多额外的努⼒的。如果每次你都⽐别⼈努⼒⼀点点，何愁不⽐他⼈⾼出⼏等。⼈年轻的时候，贵在坚持！CSS中也是有复杂的⾼档货，transform中的矩阵matrix就是其中典型⼀个。
 Transform 是CSS极为关键且复杂的⼀个属性，功能丰富⽽且强⼤，能⽅便解决很多平常难以处理的问题，但她本⾝有些学习难度，如果你对页⾯效果爱的深沉，也请你对她爱的深沉。
# Transform的值⼤类
 transform 本质上来说是⼀系列的变形函数，主要有以下值：
1. none - 不进⾏转换，常⽤作覆盖别的值使⽤
2. translate(x,y) - 2d位移；translate3d(x,y,z) - 3d位移； transformX/Y/Z(n) - 单向位移
margin属性怎么用3. scale(x,y) - 2d缩放； scale3d(x,y,z) - 3d缩放； scaleX/Y(n) - 单向缩放
4. rotate(angle) - 2d旋转； rotate3d(x,y,z,angle) - 3d旋转；rotateX/Y/Z(angle) - 单向旋转
5. skew(x-angle,y-angle) - 倾斜变换； skewX/Y(angle) - 单向倾斜变换
6. matrix[3d] - 矩阵
7. perspective(n) - 视距（值）
# Transform的前置属性
1. transform-origin - 变换原点
2. transform-style - 变换类型
3. perspective - 3d透视视图的视距（属性）
4. perspective-origin - 视距的基点

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。