elite-css-animations
✓CSS-native Animationstechniken, einschließlich Scroll-Driven Animations API, Ansichtsübergänge, @property-Regel und visuelle Effekte. Verwenden Sie diese Option, wenn Sie nach folgenden Themen gefragt werden: CSS-Animationen, scrollgesteuerte Animationen, CSS-Scroll-Timeline, Ansichtsübergänge, Seitenübergänge, @property, animierende CSS-Variablen, Clip-Pfad-Animationen, Hintergrundfilter, Mix-Blend-Modus, CSS-Masken, reine CSS-Animationen, Animationen ohne JavaScript oder wenn GSAP nicht benötigt/gewünscht wird. Enthält einen Entscheidungsleitfaden für CSS vs. GSAP.
Installation
SKILL.md
| Scroll-Driven API | scroll-driven-api.md | | View Transitions | view-transitions.md | | @property Rule | property-rule.md | | Visual Effects | visual-effects.md |
| Feature | Chrome | Firefox | Safari | Edge |
| Scroll-Driven Animations | ✓ 115+ | ✓ 132+ | ✗ (polyfill) | ✓ 115+ | | View Transitions | ✓ 111+ | ✗ | ✓ 18+ | ✓ 111+ | | @property | ✓ 85+ | ✓ 128+ | ✓ 15.4+ | ✓ 85+ | | clip-path animations | ✓ | ✓ | ✓ | ✓ | | backdrop-filter | ✓ | ✓ | ✓ | ✓ |
CSS-native Animationstechniken, einschließlich Scroll-Driven Animations API, Ansichtsübergänge, @property-Regel und visuelle Effekte. Verwenden Sie diese Option, wenn Sie nach folgenden Themen gefragt werden: CSS-Animationen, scrollgesteuerte Animationen, CSS-Scroll-Timeline, Ansichtsübergänge, Seitenübergänge, @property, animierende CSS-Variablen, Clip-Pfad-Animationen, Hintergrundfilter, Mix-Blend-Modus, CSS-Masken, reine CSS-Animationen, Animationen ohne JavaScript oder wenn GSAP nicht benötigt/gewünscht wird. Enthält einen Entscheidungsleitfaden für CSS vs. GSAP. Quelle: rshvr/elite-web-design.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/rshvr/elite-web-design --skill elite-css-animations- Quelle
- rshvr/elite-web-design
- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-05
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist elite-css-animations?
CSS-native Animationstechniken, einschließlich Scroll-Driven Animations API, Ansichtsübergänge, @property-Regel und visuelle Effekte. Verwenden Sie diese Option, wenn Sie nach folgenden Themen gefragt werden: CSS-Animationen, scrollgesteuerte Animationen, CSS-Scroll-Timeline, Ansichtsübergänge, Seitenübergänge, @property, animierende CSS-Variablen, Clip-Pfad-Animationen, Hintergrundfilter, Mix-Blend-Modus, CSS-Masken, reine CSS-Animationen, Animationen ohne JavaScript oder wenn GSAP nicht benötigt/gewünscht wird. Enthält einen Entscheidungsleitfaden für CSS vs. GSAP. Quelle: rshvr/elite-web-design.
Wie installiere ich elite-css-animations?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/rshvr/elite-web-design --skill elite-css-animations Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/rshvr/elite-web-design
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-05