2026-07-31-how-to-learn-css-animations-2026-bf37b1ee45
CSS 애니메이션 학습법
Scrimba Articles
편집자 요약
CSS 애니메이션은 변화가 일어날 때 두 상태를 오가는 전환(transitions)과, @keyframes로 정한 순서를 스스로 실행하는 키프레임 애니메이션으로 설명된다. 이 글은 shorthand의 기본값, animation-fill-mode, timing function, 그리고 display 같은 속성에 대한 allow-discrete도 다룬다.
인사이트
초보자에게는 모션을 CSS에서 언제 전환으로, 언제 keyframes로 만드는지 구분하는 데 도움이 된다. 호버 효과, 메뉴 열기/닫기, 로딩 표시 같은 실습에 바로 적용할 수 있다.
댓글
댓글을 불러오는 중…