                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /JS+CSS3实现“粽情端午”

没有抖动的效果，我试了很多次了。

@-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_zhongzi_box_rock{

-webkit-animation:rock 2s infinite;

}

<div class="c_zongzi_box c_zhongzi_box_rock">

没有效果，什么问题？

Rongdd

2015-07-04

源自：JS+CSS3实现“粽情端午” 2-4

关注问题我要回答

1701

操作

收起

4 回答

小王子抓猫咪
2016-08-06

在-webkit-内核浏览器下所有的transform需要加上-webkit-

同时其他内核浏览器的特殊前缀也都要加上，如

-ms-

-o-

-moz-

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

june18th
2015-12-31

下面代码中都添加上-webkit-(解决google兼容问题，在google测试试一下)：-webkit-transform:rotate(0deg)

{ 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)}

}

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

qq_桀桀桀_0
2015-10-18

可能是浏览器不兼容吧

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

qq_桀桀桀_0
2015-10-18

+1 我也没动画。。。

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

举报

0/150

提交

取消

JS+CSS3实现“粽情端午”

参与学习 39505 人
解答问题 74 个

用JS和CSS3技术实现3D效果粽子特效动画，掌握动画制作过程

本课相似问答

1 回答粽子抖动动画，为啥和老师操作一样确没效果？

2 回答粽子为啥不抖动了

3 回答keyframes + animation没有效果

1 回答为什么粽子不抖动

1 回答“粽情端午”2-4部分，实现粽子抖动动画时，在chrome中是怎么调试的，为啥我的不行？

搜索更多本课相关问答

没有抖动的效果，我试了很多次了。

我要回答关注问题

意见反馈帮助中心 APP下载