Skills/Анимации на чистом CSS

Анимации на чистом CSS

26 января 2026

Анимации без зависимостей на современном CSS: scroll-driven анимации, View Transitions и @starting-style.

Описание

АнимацияБесплатно

Анимации без зависимостей на современном CSS: scroll-driven анимации, View Transitions и @starting-style.

Название
Анимации на чистом CSS
Категория
Анимация
Что умеет
  • делает анимации по скроллу на CSS
  • использует View Transitions
  • применяет @starting-style
  • обходится без JS-библиотек
Источник
AThevon/genjutsu
Где работает
Claude Code и другие агенты, которые читают .claude/skillsКак устроены навыки
Куда ставить
Навык работает только в текущем проекте.
Как установить
  1. 1Скопируйте команду из блока «Установка» ниже и выполните её в терминале.
  2. 2Навык появится в папке .claude/skills/css-native/
  3. 3Откройте новую сессию Claude Code — навык подхватится автоматически.

Что внутри

npx degit AThevon/genjutsu/skills/_jutsu/css-native .claude/skills/css-native
.claude/skills/
└── css-native/
    └── SKILL.md

Действия

Открыть на GitHubДокументация
НазадMotion (Framer Motion)ДалееWebapp Testing от Anthropic
.claude/skills/css-native/SKILL.md
  1. 1---
  2. 2name: css-native
  3. 3description: "Анимации без зависимостей на современном CSS: scroll-driven анимации, View Transitions и @starting-style."
  4. 4---
  5. 5​
  6. 6# Анимации на чистом CSS
  7. 7​
  8. 8Анимации без зависимостей на современном CSS: scroll-driven анимации, View Transitions и @starting-style.
  9. 9​
  10. 10## Что делает
  11. 11​
  12. 12- Делает анимации по скроллу на CSS
  13. 13- Использует View Transitions
  14. 14- Применяет @starting-style
  15. 15- Обходится без JS-библиотек
  16. 16​
  17. 17## Где работает
  18. 18​
  19. 19Claude Code и другие агенты, которые читают .claude/skills.
  20. 20​
  21. 21## Установка
  22. 22​
  23. 231. Выполните: npx degit AThevon/genjutsu/skills/_jutsu/css-native .claude/skills/css-native
  24. 242. Откройте новую сессию Claude Code — навык подхватится сам.