为什么我关键帧动画animation这几章提交之后全没有经验啊！我动画都做来了，而且加了浏览器兼容

@keyframes changeColor {

from {

background: red;

}

to {

background:green;

}

div {

width: 200px;

height: 200px;

background: red;

text-align:center;

margin: 20px auto;

line-height: 200px;

color: #fff;

}

div:hover {

animation-name: changeColor;

animation-duration:5s;

-webkit-animation-duration:5s;

animation-timing-function: ease-out;

animation-delay: 0.1s;

}

Longingforthesun

2016-07-06

源自：十天精通CSS3 9-3

关注问题我要回答

1017

操作

收起

3 回答

weibo_哆啦A梦有大口袋_0
2016-07-12

出于对回答者的认同和尊重，解决了你的问题，请采纳，谢谢

0 回复有任何疑惑可以回复我~

收起回答

weibo_哆啦A梦有大口袋_0
2016-07-12

因为css文件不能以@开头，所以你在代码前面加一行注释就好了

/*不能以@开头*/
@keyframes changeColor {
  from {
    background: red;
  }
  to {
    background:green;
  }
}
div {
  width: 200px;
  height: 200px;
  background: red;
  text-align:center;
  margin: 20px auto;
  line-height: 200px;
  color: #fff;
}
div:hover {
  animation-name: changeColor;
  animation-duration: 5s;
  animation-timing-function: ease-out;
  animation-delay: .1s;
}