H5简单动画的学习仅仅css操作

1.translate基础动画

.box{
width: 100px;
height: 100px;
background-color: green;
transition: 2s;
}

动画持续2s类似Android 中duraction

鼠标移动上去改变实现动画：

body:hover .box{
margin-left: 100px;
background-color: yellow;
}

2.2d动画
移动距离：

.box:hover div{
transform: translateX(200px);
transform: translateY(200px)
}

3.3d动画旋转
transform: rotate3d(1,0,0,180deg);