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

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

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; /*加上一直抖动的动画效果*/

}

qq_浅秋_04051456

2017-04-25

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

关注问题我要回答

1599

操作

收起

1 回答

慕沐1239403 回答被采纳 +2 积分
2017-06-21

@-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 你少一一个横杠