Script Without Limits

The @keyframes rule allows creating complex action chains.

1. Percentages vs From/To

You can use any number of points: 0%, 10%, 25%, 100%.

2. Multiple Animations

One element can execute multiple scenarios simultaneously!

.element {
  animation: slideIn 1s forwards, rotate 2s infinite linear;
}