css3 摆动动画 |css 字体加重

jequery 移除css，左侧进入动画css，css让文字更炫，老马css视频教程，css3中图片轮播，css配字幕怎么看，css 字体加重 css3 摆动动画 |css 字体加重

/* 定义动画关键帧 */
@keyframes swing {
0% {
transform: rotate(0deg);
}
10% {
transform: rotate(15deg);
}
20% {
transform: rotate(-10deg);
}
30% {
transform: rotate(5deg);
}
40% {
transform: rotate(-5deg);
}
50% {
transform: rotate(0deg);
}
100% {
transform: rotate(0deg);
}
}
/* 设置动画属性 */
div {
animation: swing 2s ease-in-out infinite;
}

CSS3摆动动画可以让一个元素在一定时间内沿着旋转轴来回摆动，从而营造出一种摆动的效果。上面的代码中，大家首先定义了一个关键帧，并在其中设置了不同的旋转角度，然后将这个关键帧设置为动画属性。最后，将这个动画属性应用在一个div元素上，就可以看到这个元素不断地摆动了。