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);