elite-css-animations
✓스크롤 기반 애니메이션 API, 뷰 전환, @property 규칙 및 시각 효과를 포함한 CSS 기본 애니메이션 기술입니다. CSS 애니메이션, 스크롤 기반 애니메이션, CSS 스크롤 타임라인, 보기 전환, 페이지 전환, @property, CSS 변수 애니메이션, 클립 경로 애니메이션, 배경 필터, 혼합 혼합 모드, CSS 마스크, CSS 전용 애니메이션, JavaScript 없는 애니메이션 또는 GSAP가 필요하지 않거나 원하지 않을 때 사용하세요. CSS와 GSAP에 대한 결정 가이드가 포함되어 있습니다.
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 | ✓ | ✓ | ✓ | ✓ |
스크롤 기반 애니메이션 API, 뷰 전환, @property 규칙 및 시각 효과를 포함한 CSS 기본 애니메이션 기술입니다. 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- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-05
- 업데이트
- 2026-02-18
빠른 답변
elite-css-animations이란?
스크롤 기반 애니메이션 API, 뷰 전환, @property 규칙 및 시각 효과를 포함한 CSS 기본 애니메이션 기술입니다. 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에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/rshvr/elite-web-design
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-05