图标左右摇摆

.style_mod_type_list li.current dt .style_mod_icons20{

-webkit-animation:icon_mod_rock 1s linear infinite;

-moz-animation:icon_mod_rock 1s linear infinite;

animation:icon_mod_rock 1s linear infinite;

-webkit-transform-origin:50% 0;

-moz-transform-origin:50% 0;

transform-origin:50% 0}

@keyframes icon_mod_rock{

0%{transform:rotate(0deg)}

25%{transform:rotate(-10deg)}

50%{transform:rotate(0deg)}

75%{transform:rotate(10deg)}

100%{transform:rotate(0deg)}

}

@-webkit-keyframes icon_mod_rock{0%{-webkit-transform:rotate(0deg)}25%{-webkit-transform:rotate(-10deg)}50%{-webkit-transform:rotate(0deg)}75%{-webkit-transform:rotate(10deg)}100%{-webkit-transform:rotate(0deg)}}

@-moz-keyframes icon_mod_rock{0%{-moz-transform:rotate(0deg)}25%{-moz-transform:rotate(-10deg)}50%{-moz-transform:rotate(0deg)}75%{-moz-transform:rotate(10deg)}100%{-moz-transform:rotate(0deg)}}

原文地址:https://www.cnblogs.com/aimyfly/p/3170924.html