CSS中2D、3D变换及过渡
一、精灵图
1.原理：通过调整背景图的background-position实现。
2.方法步骤：
效果图：
二、过渡：transition
1.语法格式：
2.书写位置：
三、2D缩放及位移
1．2D缩放：transform: scale(0.5)
书写格式：
2．平移：transform: translate(100%,100%)
书写格式：
四、绝对定位和平移的居中方式
示例：
效果图：
五、2D旋转：transform: rotate
1.语法格式：
2.设置旋转中心点：transform-origin
六、3D旋转: transform: rotate3d(0.5,0,0,130deg)
1.格式：transform: rotate3d（x轴，y轴，z轴，角度）
2.透视：perspective
3.盒子背部隐藏：backface-visibility: hidden
七、倾斜：transform: skew