为什么我关键帧动画animation这几章提交之后全没有经验啊！我动画都做来了，而且加了浏览器兼容
来源：9-3 CSS3中设置动画播放时间
Longingforthesun
2016-07-06 10:49
@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;
}
写回答
关注
3回答
-
- weibo_哆啦A梦有大口袋_0
- 2016-07-12 11:20:38
出于对回答者的认同和尊重，解决了你的问题，请采纳，谢谢
-
- weibo_哆啦A梦有大口袋_0
- 2016-07-12 11:20:05
因为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; } -
- ♚ prime
- 2016-07-07 10:26:22
删除掉@keyframes前面的@再提交就可以了
十天精通CSS3
本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备
242554 学习 · 2623 问题
相似问题