css3的2d切换

文本效果

文本阴影 text-shadow

盒子阴影 box-shadow

文本溢出 text-overflow 配合overflow属性使用

2d转换

都是介于transform属性使用的

translate(x,y)方法 是平移元素的 参数x和y分别代表偏移的宽度和高度

rotate()方法 旋转角度 参数>1是顺时针旋转 0<x<1是逆时针旋转

scale(x,y)方法 缩放元素的 参数x和y分别代表偏移的宽度和高度

scaleX()方法 缩放元素的宽度的 >1代表扩大原来的几倍 <1就缩小的原来的几分之几

scaleY()方法 缩放元素的宽度的 >1代表扩大原来的几倍 <1就缩小的原来的几分之几

skewX()方法 旋转的角度 旋转x轴的角度

skewY()方法 旋转的角度 旋转y轴的角度

matrix()方法 就是上面的组合简写 参数有六个 matrix(skewX(),scaleY(),scaleX(),skewY(),translateX(),translateY())

3d切换

rotateX()方法偏移x轴角度

rotateY()方法偏移x轴角度

rotateZ()方法偏移x轴角度