粽子抖動(dòng)動(dòng)畫，為啥和老師操作一樣確沒(méi)效果？
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; ? ? /*加上一直抖動(dòng)的動(dòng)畫效果*/
}
<div class="c_zongzi_box c_zongzi_box_rock">
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)}
??? }
你的第一行錯(cuò)誤了 應(yīng)該是@-webkit-keyframes rock? 你少一一個(gè)橫杠