问答详情
源自:9-1 CSS3 Keyframes介绍

这个代码有效果但是提交的时候提示错误

@keyframes changecolor{

  0%{

    background: red;

    height:10px;

  }

  20%{

    background:blue;

    height:30px;

  }

  40%{

    background:orange;

    height:40px;

  }

  60%{

    background:green;

    height:50px;

  }

  80%{

    background:yellow;

    height:100px;

  }

  100%{

    background: red;

    height:200px;

  }

}

div {

  width: 300px;

  height: 200px;

  background: red;

  color:#fff;

  margin: 20px auto;

}

div:hover {

  animation: changecolor 5s ease-out .2s;

}

这个代码有效果但是提交的时候提示错误

提问者:jfe 2016-11-01 10:08

个回答

  • shuihorizon
    2016-11-01 14:58:06

    将这一段代码

    div {

      width: 300px;

      height: 200px;

      background: red;

      color:#fff;

      margin: 20px auto;

    }

    放到最前面就可以了