·elite-css-animations
</>

elite-css-animations

Собственные методы анимации CSS, включая API анимации с прокруткой, переходы между представлениями, правило @property и визуальные эффекты. Используйте, когда вас спрашивают о: анимации CSS, анимации, управляемой прокруткой, временной шкале CSS, переходах просмотра, переходах страниц, @property, анимации переменных CSS, анимации клип-пути, фоновом фильтре, режиме смешивания-наложения, масках CSS, анимации только с помощью CSS, анимации без JavaScript или когда GSAP не требуется/нежелателен. Включает руководство по принятию решений для CSS и GSAP.

13Установки·2Тренд·@rshvr

Установка

$npx skills add https://github.com/rshvr/elite-web-design --skill elite-css-animations

Как установить elite-css-animations

Быстро установите AI-навык elite-css-animations в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/rshvr/elite-web-design --skill elite-css-animations
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: rshvr/elite-web-design.

| 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, включая API анимации с прокруткой, переходы между представлениями, правило @property и визуальные эффекты. Используйте, когда вас спрашивают о: анимации CSS, анимации, управляемой прокруткой, временной шкале CSS, переходах просмотра, переходах страниц, @property, анимации переменных CSS, анимации клип-пути, фоновом фильтре, режиме смешивания-наложения, масках CSS, анимации только с помощью CSS, анимации без JavaScript или когда GSAP не требуется/нежелателен. Включает руководство по принятию решений для CSS и GSAP. Источник: rshvr/elite-web-design.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/rshvr/elite-web-design --skill elite-css-animations
Источник
rshvr/elite-web-design
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-05
Обновлено
2026-03-10

Browse more skills from rshvr/elite-web-design

Короткие ответы

Что такое elite-css-animations?

Собственные методы анимации CSS, включая API анимации с прокруткой, переходы между представлениями, правило @property и визуальные эффекты. Используйте, когда вас спрашивают о: анимации CSS, анимации, управляемой прокруткой, временной шкале CSS, переходах просмотра, переходах страниц, @property, анимации переменных CSS, анимации клип-пути, фоновом фильтре, режиме смешивания-наложения, масках CSS, анимации только с помощью CSS, анимации без JavaScript или когда GSAP не требуется/нежелателен. Включает руководство по принятию решений для CSS и GSAP. Источник: rshvr/elite-web-design.

Как установить elite-css-animations?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/rshvr/elite-web-design --skill elite-css-animations После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/rshvr/elite-web-design

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-02-05