最近一直在写完各种动画效果,下面写的是每隔3秒钟,元素就左右晃几下,一直循环,这里是我的代码
<div>我每三秒晃一次</div>
.dh{
animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
transform: translate3d(0, 0, 0);
backface-visibility: hidden; /*当元素背部朝向屏幕时隐藏*/
perspective: 1000px; /*透视值,值越小,3D效果越明显(远小近大)*/
}
@keyframes shake { /*晃动的幅度*/
10%,90% {
transform: translate3d(-1px, 0, 0);
}
20%,80% {
transform: translate3d(2px, 0, 0);
}
30%,50%,70% {
transform: translate3d(-4px, 0, 0);
}
40%,60% {
transform: translate3d(4px, 0, 0);
}
}
function time() {
div.addClass('dh')
}
setInterval("time()", 3000);//每3秒晃一次
到这里也就可以了。