粽子抖动动画，为啥和老师操作一样确没效果？
qq_浅秋_04051456
2017-04-25 16:50
chrome、IE、猎豹都不行
@webkit-keyframes rock{
0%{ transform:rotate(0deg) }
10%{transform:rotate(3deg)}
20%{transform:rotate(-3deg)}
30%{transform:rotate(2deg)}
40%{transform:rotate(-2deg)}
50%{transform:rotate(1deg)}
60%{transform:rotate(-1deg)}
70%{transform:rotate(0deg)}
100%{transform:rotate(0deg)}
}
.c_zongzi_box_rock{
-webkit-animation:rock 2s infinite; /*加上一直抖动的动画效果*/
}
<div class="c_zongzi_box c_zongzi_box_rock">
1回答
-
- 慕沐1239403
- 2017-06-21 18:26:10
@-webkit-keyframes rock{
0%{transform:rorate(0deg)}
10%{transfrom:rorate(3deg)}
20%{transform:rorate(-3deg)}
30%{transform:rotate(2deg)}
40%{transform:rotate(-2deg)}
50%{transform:rotate(1deg)}
60%{transform:rotate(-1deg)}
70%{transform:rotate(0deg)}
100%{transform:rotate(0deg)}
}你的第一行错误了 应该是@-webkit-keyframes rock 你少一一个横杠
JS+CSS3实现“粽情端午”
39505 学习 · 74 问题
相似问题