为什么我的效果在火狐上不出啦

蜕变1 CSS3 中的动画功能 最后由 等到烟火清亮 于2016年12月16日回复

  • 7 解决
  • 2.1k 浏览
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>animation的动画效果</title>
<style>
div{
color: aqua;
}
@-webkit-keyframes mycolor {
0%{
color: magenta;
}
40%{
color: aliceblue;
}
80%{
color: brown;
}
100%{
color: red;
}

}
div:hover{
animation: mycolor 1s linear;
-webkit-animation: mycolor 1s linear;
-moz-animation:mycolor 1s linear ;
-ms-animation: mycolor 1s linear;
}
</style>
</head>
<body>
<div>animation的动画效果演示</div>
</body>
</html>
  • 任亚楠 2015年11月07日 回答 #2楼
  • 我用的谷歌浏览器帮你测试了,效果是可以实现的!代码没有问题,可以能是一些代码在火狐上实现不同所致!

  • 0 评论
  • 极客学院_吕布 2015年11月07日 回答 #1楼
  • 火狐和IE内核的浏览器有一些区别,你要实现什么效果,上网查下,IE内核的浏览器和火狐有一些函数实现会不同

  • 0 评论
  • 等到烟火清亮 2016年12月16日 回答 #7楼
  • @-moz-keyframes mycolor {0%{color: magenta;}40%{color: aliceblue;}80%{color: brown;}100%{color: red;}

    这样就可以了,

  • 0 评论