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

我哪错了?

@-webkit-keyframes changecolor{
  0%{
    background: red;
  }
  20%{
    background:blue;
  }
  40%{
    background:orange;
  }
  60%{
    background:green;
  }
  80%{
    background:yellow;
  }
  100%{
    background: red;
  }
}

@-moz-keyframes changecolor{
  0%{
    background: red;
  }
  20%{
    background:blue;
  }
  40%{
    background:orange;
  }
  60%{
    background:green;
  }
  80%{
    background:yellow;
  }
  100%{
    background: red;
  }
}

@keyframes changecolor{
  0%{
    background: red;
  }
  20%{
    background:blue;
  }
  40%{
    background:orange;
  }
  60%{
    background:green;
  }
  80%{
    background:yellow;
  }
  100%{
    background: red;
  }
}

div {
  width: 300px;
  height: 200px;
  background: red;
  color:#fff;
  margin: 20px auto;
}
div:hover {
  -webkit-animation: changecolor 5s ease-out .2s;
  -moz-animation: changecolor 5s ease-out .2s;
  animation: changecolor 5s ease-out .2s;
}

提问者:Mars光 2016-04-21 09:14

个回答

  • DUO_1080
    2016-05-01 17:07:56
    已采纳

    错的不是你,是这个世界....第一个字符是@就不能正确提交,可以在前面写点其他的东西,此贴终结!

  • Dangui
    2016-04-30 23:34:13

    错的不是你,是这个世界,,,代码没问题的!

  • Mars光
    2016-04-22 20:11:21

    对啊 ,我提交也一直叫我再试试,整个第九章的都是这样

  • qq_诺L一世相伴_0
    2016-04-22 20:03:02

    好吧,不知道错哪里了,我的提交也是错的。一直说再试试,心累。。

  • qq_诺L一世相伴_0
    2016-04-22 19:57:41

    没错呀,我把你的代码试了都能用的。

  • 倾昀
    2016-04-22 15:33:00

    css没错