CSS ジッターの基本_html/css_WEB-ITnose
<スタイル>
@-webkit-keyframes バズアウト{
0%{
-webkit-transform:translateX(10px)rotate(20deg);
}
30%{
-webkit-transform:tranalateX(-10px)rotate(-20deg);
}
60%{
-webkit-transform:translateX(30px)rotate(50deg);
}
100%{
-webkit-transform:translateX(-30px)rotate(-50deg);
}
}
#buzz{
width:1000px;
高さ:400px;
margin:200px;
背景:#eee1e1;
位置:相対;
}
#buzz:hover {
-webkit-animation-name:buzz-out;
-webkit-animation-duration:1s;
-webkit-animation-timing-function:linear;
-webkit-animation-iteration-count:100;
}