How do I create CSS animations?

How do I create CSS animations?

Creating CSS animations involves using the @keyframes rule and the animation property. Would you like a simple example?

Yes, please provide an example.

Sure! Here's a basic example:

@keyframes example {
  from {background-color: red;}
  to {background-color: yellow;}
}

.box {
  width: 100px;
  height: 100px;
  background-color: red;
  animation-name: example;
  animation-duration: 4s;
}

This will animate a box from red to yellow over 4 seconds.

How can I control the speed of the animation?

You can control the speed of the animation by adjusting the animation-duration property. For example, changing it to 2s will make it faster.