elite-css-animations
✓Técnicas de animación nativas de CSS que incluyen API de animaciones basadas en desplazamiento, transiciones de vista, regla @property y efectos visuales. Úselo cuando se le pregunte acerca de: animaciones CSS, animaciones controladas por desplazamiento, línea de tiempo de desplazamiento CSS, transiciones de vista, transiciones de página, @property, animación de variables CSS, animaciones de ruta de clip, filtro de fondo, modo de mezcla, máscaras CSS, animaciones solo CSS, animaciones sin JavaScript o cuando no se necesita o no se desea GSAP. Incluye guía de decisión para CSS vs GSAP.
Instalación
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 | ✓ | ✓ | ✓ | ✓ |
Técnicas de animación nativas de CSS que incluyen API de animaciones basadas en desplazamiento, transiciones de vista, regla @property y efectos visuales. Úselo cuando se le pregunte acerca de: animaciones CSS, animaciones controladas por desplazamiento, línea de tiempo de desplazamiento CSS, transiciones de vista, transiciones de página, @property, animación de variables CSS, animaciones de ruta de clip, filtro de fondo, modo de mezcla, máscaras CSS, animaciones solo CSS, animaciones sin JavaScript o cuando no se necesita o no se desea GSAP. Incluye guía de decisión para CSS vs GSAP. Fuente: rshvr/elite-web-design.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/rshvr/elite-web-design --skill elite-css-animations- Fuente
- rshvr/elite-web-design
- Categoría
- </>Desarrollo
- Verificado
- ✓
- Primera vez visto
- 2026-02-05
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es elite-css-animations?
Técnicas de animación nativas de CSS que incluyen API de animaciones basadas en desplazamiento, transiciones de vista, regla @property y efectos visuales. Úselo cuando se le pregunte acerca de: animaciones CSS, animaciones controladas por desplazamiento, línea de tiempo de desplazamiento CSS, transiciones de vista, transiciones de página, @property, animación de variables CSS, animaciones de ruta de clip, filtro de fondo, modo de mezcla, máscaras CSS, animaciones solo CSS, animaciones sin JavaScript o cuando no se necesita o no se desea GSAP. Incluye guía de decisión para CSS vs GSAP. Fuente: rshvr/elite-web-design.
¿Cómo instalo elite-css-animations?
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/rshvr/elite-web-design --skill elite-css-animations Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor
¿Dónde está el repositorio de origen?
https://github.com/rshvr/elite-web-design
Detalles
- Categoría
- </>Desarrollo
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-05