帮我看一下哪里错了-慕课网

帮我看一下哪里错了

来源：2-4 定义抖动的CSS动画

痴人说梦lys

2016-09-19 10:32

@-webkit-keyframes rock{
        0%{-webkit-transform:rotate(0deg)}
        10%{-webkit-transform:rotate(3deg)}
        20%{-webkit-transform:rotate(-3deg)}
        30%{-webkit-transform:rotate(2deg)}
        40%{-webkit-transform:rotate(-2deg)}
        50%{-webkit-transform:rotate(1deg)}
        60%{-webkit-transform:rotate(-1deg)}
        70%{-webkit-transform:rotate(0deg)}
        100%{-webkit-transform:rotate(0deg)}
    }

.rock{-webkit-animation-duration:2s;-webkit-animation--iteration-count:infinite;}

出现不了抖动啊？

写回答关注

5回答

慕粉3637657

2016-09-21 11:42:56

rock动画要在css样式里定义他，比如在caption_rock这个class里定义.caption_rock{-webkit-animation:rock 4s infinite;}这样就能用了

0 0
面汤hhh

2016-09-19 21:03:10

rock是你animation动画的名字？
要定义下他是 animation才能用吧

0 0
xiaoqian

2016-09-19 15:50:51
```
<div></div>按需加载怎么写js
```
0 1
弱水微香

2016-09-19 15:05:51

-webkit-animation-name:rock;貌似是这个少了，你加上试试

0 1
弱水微香

2016-09-19 15:04:54

-webkit-animation-name:rock;貌似是这个

0 1