# Prism Split (`.sds-prism-split`)

Chromatic aberration effect on loop. Text animation in SDS Motion Forge v5.0.0. It loops continuously as soon as the class is applied.

- Page: https://sds-motion-forge.netlify.app/animations/prism-split/
- Category: Text (https://sds-motion-forge.netlify.app/categories/text/)
- Animated properties: letter-spacing, text-shadow, transform
- Compositor-only: no
- Needs child elements: no
- Needs per-character spans: no
- JavaScript: none required

## Use it

```html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@salkomdesignstudio/sds-motion-forge/dist/categories/text.min.css" />

<h1 class="sds-prism-split">Prism Split</h1>
```

## How it works

Plays as soon as the class is applied, looping continuously. It animates letter spacing, its text glow and movement and scale (transform). Timing is fixed for this effect, but you can still override animation-duration/timing-function on the element.

## Related

- [Phantom Blur](https://sds-motion-forge.netlify.app/animations/phantom-blur/)
- [Pixel In](https://sds-motion-forge.netlify.app/animations/pixel-in/)
- [Pop In](https://sds-motion-forge.netlify.app/animations/pop-in/)
- [Refract](https://sds-motion-forge.netlify.app/animations/refract/)
- [Reveal Down Mask](https://sds-motion-forge.netlify.app/animations/reveal-down-mask/)
- [Reveal Up Mask](https://sds-motion-forge.netlify.app/animations/reveal-up-mask/)