欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

css抖动基础_html/css_WEB-ITnose

程序员文章站 2022-05-11 17:55:20
...



Document








以上是代码。

有关属性:animation

animation-name:规定需要绑定到选择器keyframe名称

animation-duration:规定花费的时间以秒或毫秒记

animation-timing-fuction:规定动画速度曲线

animation-delay:规定开始之前的延迟

animation-iteration-count:规定动画应播放的次数

animation-direction:规定是否应该轮流反向播放动画

@-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);
}
}

这里可以设置抖动的幅度

相关标签: css抖动基础