问答详情
源自:2-4 定义抖动的CSS动画

帮我看一下哪里错了

 @-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;}

出现不了抖动啊?

提问者:痴人说梦lys 2016-09-19 10:32

个回答

  • 慕粉3637657
    2016-09-21 11:42:56

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

  • 面汤hhh
    2016-09-19 21:03:10

    rock是你animation动画的名字?

    要定义下他是 animation才能用吧


  • xiaoqian
    2016-09-19 15:50:51

    <div></div>按需加载怎么写js


  • 弱水微香
    2016-09-19 15:05:51

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

  • 弱水微香
    2016-09-19 15:04:54

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