动画效果
@keyframes move1 {
from{transform: rotate(0)}
to{transform: rotate(360deg)}}
指定的变化时发生时使用%,或关键字"from"和"to",这是和0%到100%相同
move1是名字是下面animation的动画名字
#box{
margin: 100px auto 0;
width: 768px;
height: 768px;
/*border: 3px solid red;*/
background: url("../img/a.png");
background-size: 100% 100%;
position: relative;
animation: move1 10s linear infinite}
animation后面跟着姓名 动画时间 linear:动画从头到尾的速度是相同的; infinite:指定动画应该播放无限次(永远)