css-3D动画

---

一、3D动画

3D动画
/*animation-name: boxanimation;动画名称
				animation-duration: 10s;动画完成所需时间
				animation-timing-function: linear;速度曲线，快慢
				animation-delay: 3s;延迟时间
				animation-iteration-count: 1;循环次数（infinice无限循环）
				animation-direction: normal;是否下一周期逆向播放
				animation-fill-mode: both;*/规定动画时间之外的状态（开始和结束时的状态）
				/*
				animation简写属性属性值部分先后顺序，
				但是存在两个时间，默认执行第一个时间为所需要完成的时间，第二个时间为延时时间
				如果只要一个时间，则默认为所需要完成的时间 
				如果哪个属性值取默认值则可以忽略不写
				*/
/*@keyframes name{
				from{}
				to{}
			}*/
        
/*animation-play-state: paused;*/运行，暂停
running，默认值可不写