Eine keyframes-Regel in CSS wird verwendet, um Animationen zu erstellen. Mit keyframes können Sie angeben, wie eine CSS-Eigenschaft im Laufe der Zeit von einem Satz von Werten zu einem anderen Satz von Werten geändert werden soll. Sie können eine Animation so definieren, dass sie stufenweise oder in einem bestimmten Tempo stattfindet, oder Sie können spezifische Werte für den Anfang, das Ende und eventuell für Zwischenpunkte angeben.
Hier ist ein einfacher @keyframes Beispiels:
```css
@keyframes slideIn {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
}
```
In diesem Beispiel bewegt sich ein Element vom linken Rand des Bildschirms (bei 0%) bis zum ursprünglichen Platz (bei 100%) während der Animation “slideIn”.
