How can I create a spinning effect on an object using CSS animations?

Answer 1

To create a spinning effect on an object using CSS animations, you can use the keyframes rule to define the rotation animation and then apply it to the object using the animation property. Here's an example code snippet:

css keyframes spin from transform: rotate(0deg);

to transform: rotate(360deg);

.your-object animation: spin 2s linear infinite;

In this code, the keyframes rule defines a rotation animation that starts from 0 degrees and ends at 360 degrees. The animation property is then applied to the object with the class .your-object, specifying the name of the animation (spin), duration (2 seconds), timing function (linear), and iteration count (infinite) to create a continuous spinning effect.