动画效果

@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：指定动画应该播放无限次（永远）