Animate.css

6개 레벨

간단히 애니메이션 효과를 추가할 수 있는 CSS 라이브러리예요. 다양한 애니메이션 스타일을 제공해요.

공식 웹사이트

Animate.css 스킬 여정을 시작하세요

6개의 레벨을 통해 체계적으로 학습하고, 커리어 성장의 기반을 다지세요.

6 레벨 로드맵

단계별 역량 인증

학습 로드맵

6개 레벨

전체 6

Lv 1. Animatecss를 프로젝트에 연동할 수 있어요

1. Animate.css 소개
2. CDN으로 Animate.css 불러오기
3. npm으로 Animate.css 설치

연습 문제

1.
CDN 링크를 적용해 페이지 요소에 애니메이션 효과 확인하기
2.
npm 설치 후 import로 Animate.css를 포함해 빌드해보기

Lv 2. 기본 애니메이션 클래스 사용법을 이해하고 적용할 수 있어요

Lv 3. JavaScript로 애니메이션을 제어할 수 있어요

Lv 4. 스크롤이나 사용자 동작에 따라 애니메이션을 트리거할 수 있어요

로그인하고 더 많은 레벨을 확인하세요

Lv 5. 프로젝트에 Animatecss를 최적화하고 배포할 수 있어요

Lv 6. 크로스브라우저 호환성을 고려한 최적화된 키프레임 애니메이션을 제작할 수 있어요

이 스킬로 지원할 수 있는 채용공고