css抖动基础_html/css_WEB-ITnose

Document

@-webkit-keyframes buzz-out{
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;
height:400px;
margin:200px;
background:#eee1e1;
position:relative;
}
#buzz:hover {
-webkit-animation-name:buzz-out;
-webkit-animation-duration:1s;
-webkit-animation-timing-function:linear;
-webkit-animation-iteration-count:100;
}

查看更多关于css抖动基础_html/css_WEB-ITnose的详细内容...