# ViewFX — GIF studio

> Use a GIF as the View Transitions mask (same technique as https://theme-toggle.rdsx.dev/).

HTML UI: https://viewfx.luismc.dev/gif/
This markdown: https://viewfx.luismc.dev/gif.md
Playground: https://viewfx.luismc.dev/playground/

## What you can do

1. Pick a GIF from the list, or paste a GIF URL
2. Tune duration and mask size
3. Play — the GIF masks `::view-transition-new(root)` while `.dark` toggles
4. Copy the CSS or share the page URL (`?e=` for a preset, `?gif=` for a custom link)

Transparent GIF frames reveal the incoming theme. One file is enough for both directions.

## Related

- Playground: https://viewfx.luismc.dev/playground.md
- Home: https://viewfx.luismc.dev/index.md

---
Generated from `viewfx@0.0.8`