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

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

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">

提问者：qq_浅秋_04051456 2017-04-25 16:50

个回答

  • 慕沐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  你少一一个横杠

    0