css3 3d

translate(x轴,y轴,z轴)  能够改变位移，沿x轴，y轴移动距离

改的是用户看见的样式，对于元素本身而言没有改变

scale()   缩放        里面的值是缩放多少倍，没有单位

rotate()   旋转       单位是deg

skew(水平,垂直)    翻转

transition:使动画平滑过渡

transition: 属性名 时间 速度曲线 何时开始;
transition:width 2s ease-in 2s; 

transition 属性是一个简写属性，用于设置四个过渡属性：
transition-property  规定设置过渡效果的 CSS 属性的名称（width、height、border）。
transition-duration   规定完成过渡效果需要多少秒或毫秒。
transition-timing-function  规定速度效果（匀速linear、慢速开始结束ease默认、ease-in慢速开始、ease-out慢速结束）。
transition-delay  定义过渡效果何时开始（会等待几秒）。

animation 动画

	
.box{
 width:100px; height:100px; background:#000; } 
.box:hover{
 animation:myfirst 5s; } @keyframes myfirst { 0% {width:200px;} 25% {width:400px;} 50% {width:300px;} 100% {width:600px;} }