立即学习“前端免费学习笔记(深入)”;
立即学习“前端免费学习笔记(深入)”;
以上是代码。
有关属性: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);
}
}
这里可以设置抖动的幅度
HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号