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

来源:9-1 CSS3 Keyframes介绍

jfe

2016-11-01 10:08

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

}

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

写回答 关注

1回答

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

    将这一段代码

    div {

      width: 300px;

      height: 200px;

      background: red;

      color:#fff;

      margin: 20px auto;

    }

    放到最前面就可以了


十天精通CSS3

本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备

242554 学习 · 2623 问题

查看课程

相似问题