CSS新增2D,3D属性

2D (谷歌浏览器和safari需加前缀-webkit-) (ie浏览器需加-ms-) (火狐浏览器需加-moz-) 格式：[前缀]transform:以下方法; translate(x,y):元素移动指定像素(如果单位为像素则相对于父元素移动，如果单位为百分比相对于自己移动); tramsform-orgin:指定中心点（position） rotate(numdeg)

设置元素旋转角度，负值时逆时针旋转(deg：单位); scale(w,h):指定元素高宽; ，以中心点进行缩放，如果为负则缩放到最小倍数 skew(xdeg,ydeg):指定元素翻转角度;

3D transform rotateX(x)沿着x旋转 rotateY(y)沿着y旋转 transform-origin 允许你改变被转换元素的位置 transform-style 规定被嵌套元素如何在 3D 空间中显示 perspective 规定 3D 元素的透视效果（值越小3D效果越明显） perspective-origin 规定 3D 元素的底部位置。 translate3d(x,y,z):Z控制物体近大远小的具体情况 transform-style 指定嵌套元素如何在3D空间中显示，主要有两个属性值flat(默认)表示所有子元素在2D平面呈现，preserve-3d表示所有子元素在3D空间中显示

CSS过渡 元素一种状态变成另一种状态的过程,一般配合hover使用，过渡属性一般写在要过渡的元素上 使用transition ：要过渡的属性 花费时间 运动曲线 何时开始 如果有多组属性变化，直接用逗号隔开

transion-property :规定应用过渡的css属性名称 transion-duration ：过渡花费时间，默认0 transion-timing-function 规定过渡效果的时间曲线 默认“ease” | 值 |描述 | |—|—| | | | linear |规定以相同速度开始至结束的过渡效果 ease |规定慢速开始，然后变快，然后慢速结束的过渡。 ease-in| 规定以慢速开始的过渡效果 ease-out| 规定以慢速结束的过渡效果 ease-in-out| 规定以慢速开始和结束的过渡效果