elite-css-animations
✓Techniques d'animation natives CSS, notamment l'API d'animations pilotées par défilement, les transitions de vue, la règle @property et les effets visuels. À utiliser lorsque vous êtes interrogé sur : les animations CSS, les animations pilotées par défilement, la chronologie de défilement CSS, les transitions de vue, les transitions de page, @property, l'animation de variables CSS, les animations de chemin de clip, le filtre de toile de fond, le mode de mélange, les masques CSS, les animations CSS uniquement, les animations sans JavaScript, ou lorsque GSAP n'est pas nécessaire/souhaité. Comprend un guide de décision pour 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 | ✓ | ✓ | ✓ | ✓ |
Techniques d'animation natives CSS, notamment l'API d'animations pilotées par défilement, les transitions de vue, la règle @property et les effets visuels. À utiliser lorsque vous êtes interrogé sur : les animations CSS, les animations pilotées par défilement, la chronologie de défilement CSS, les transitions de vue, les transitions de page, @property, l'animation de variables CSS, les animations de chemin de clip, le filtre de toile de fond, le mode de mélange, les masques CSS, les animations CSS uniquement, les animations sans JavaScript, ou lorsque GSAP n'est pas nécessaire/souhaité. Comprend un guide de décision pour CSS vs GSAP. Source : rshvr/elite-web-design.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/rshvr/elite-web-design --skill elite-css-animations- Source
- rshvr/elite-web-design
- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-05
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que elite-css-animations ?
Techniques d'animation natives CSS, notamment l'API d'animations pilotées par défilement, les transitions de vue, la règle @property et les effets visuels. À utiliser lorsque vous êtes interrogé sur : les animations CSS, les animations pilotées par défilement, la chronologie de défilement CSS, les transitions de vue, les transitions de page, @property, l'animation de variables CSS, les animations de chemin de clip, le filtre de toile de fond, le mode de mélange, les masques CSS, les animations CSS uniquement, les animations sans JavaScript, ou lorsque GSAP n'est pas nécessaire/souhaité. Comprend un guide de décision pour CSS vs GSAP. Source : rshvr/elite-web-design.
Comment installer elite-css-animations ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/rshvr/elite-web-design --skill elite-css-animations Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/rshvr/elite-web-design
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-05