Um eine Animation in CSS zu erstellen, verwenden Sie die `@keyframes` Regel. Sie können die Animation dann an ein bestimmtes Element anhängen.
Hier ist ein einfaches Beispiel für eine Animation, bei der sich die Hintergrundfarbe eines Elements verändert:
```css
/* Definiert eine Animation namens “colorchange” */
@keyframes colorchange {
0% {
background-color: blue;
}
50% {
background-color: green;
}
100% {
background-color: yellow;
}
}
/* Bindet die Animation an ein Element */
div {
width: 100px;
height: 100px;
animation-name: colorchange;
animation-duration: 4s;
}
```
In diesem Beispiel wird die `@keyframes` Regel verwendet, um eine Animation namens “colorchange” zu definieren. Dann wird die Animation an ein `div`- Element angehängt.
Es gibt viele verschiedene Funktionen und Eigenschaften, die Sie verwenden können, um benutzerdefinierte Animationen in CSS zu erstellen. Dazu gehören `animation-delay`, `animation-direction`, `animation-iteration-count` und viele mehr. Das Erstellen von Animationen in CSS kann komplex sein, aber es ist auch eine leistungsfähige Möglichkeit, Ihre Webseite interaktiver und ansprechender zu gestalten.
