css3闪动效果 |css li均匀分布

.shake {
animation: shake 0.5s ease-in-out infinite;
transform-origin: center;
}
@keyframes shake {
0% {
transform: rotate(0deg);
}
10% {
transform: rotate(10deg);
}
20% {
transform: rotate(-10deg);
}
30% {
transform: rotate(10deg);
}
40% {
transform: rotate(-10deg);
}
50% {
transform: rotate(0deg);
}
100% {
transform: rotate(0deg);
}
}

要使用闪动效果，大家可以使用CSS3动画和关键帧。在上述代码中，大家定义了一个名为“shake”的类，并为该类设置了动画和动画的属性。

在大家的关键帧中，大家定义了元素旋转的度数和时间间隔，在关键帧的末尾将元素恢复到原始状态。

大家可以将这个类应用到一个元素，并使它开始闪动。要注意的是，大家必须为该元素设置一个原点，以便它在旋转时根据中心点进行旋转。

通过使用这个简单的CSS3代码，大家可以在网站上添加一个引人注目的闪动效果，以吸引用户的注意力。