动画 移动

css3过渡动画：

transition：width 500ms(执行500毫秒) ease,height 500ms ease 500ms(延迟),background-color 500ms ease 1s
变成圆角
transition：border-radius 500ms ease;
所有的一起：
transition：all 500ms ease
div：nth-child(1){
transition:all 1s }

移动

.box{
....
position:
}
.box .pic_info{
width:
height:
background-color:
position:absolute;
left:
top:
transition:all 500ms ease;
}
.box hover .pic_info{
top:
}

变形：

位移：
transform:translate(50px,50px);
旋转：
transform:rotate(30deg)
transform：rotate（）