# Animationen verwenden

## 1. Häufige Eingangsanimationen

Einblenden:

```json
{
  "animations": [
    { "type": "fadeIn", "duration": 0.4 }
  ]
}
```

Hereinschieben:

```json
{
  "animations": [
    {
      "type": "slideIn",
      "direction": "up",
      "distance": 120,
      "duration": 0.6
    }
  ]
}
```

Hineinzoomen:

```json
{
  "animations": [
    {
      "type": "zoomIn",
      "duration": 0.5,
      "easing": "easeOutBack"
    }
  ]
}
```

## 2. Kontinuierliche Bewegung

```json
{
  "animations": [
    {
      "type": "scale",
      "from": 1,
      "to": 1.08,
      "duration": 0.8,
      "loop": true,
      "easing": "easeInOutSine"
    }
  ]
}
```

## 3. Animationen sorgfältig kombinieren

Es ist normal zu kombinieren:
- `fadeIn + slideIn`
- `fadeIn + zoomIn`
- `scale + move`

Vermeide es, zu viele Eingangs-Effekte auf denselben Clip zu stapeln, es sei denn, der Stil verlangt es ausdrücklich.

## 4. Keyframes vs. Animationen

Verwende `animations`, wenn:
- du ein benanntes Bewegungs-Preset willst
- du schneller arbeiten möchtest

Verwende `keyframes`, wenn:
- du exakte Wertänderungen zu exakten Zeitpunkten brauchst
- du benutzerdefinierte Eigenschaftskurven benötigst

## 5. Verwandte Dokumente

- Vollständige Timing-Referenz: [Animationen, Keyframes und Übergänge](https://renderingvideo.com/docs/animation-and-timing.md)
- Praktische Snippets: [Beispiele](https://renderingvideo.com/docs/examples.md)