반응형 javascript 애니메이션1 멋쟁이사자처럼 프론트엔드 부트캠프 14기 - Day 45 (웹 애니메이션 - CSS 트랜지션, CSS 애니메이션, JavaScript 애니메이션) 목차웹 애니메이션1. CSS 트랜지션2. CSS 애니메이션3. JavaScript 애니메이션오늘 하루를 돌아보며 웹 애니메이션웹 애니메이션을 만드는 방법은 다음과 같다.CSS 트랜지션(Transition, 전환)CSS 애니메이션(Animation)JavaScript 애니메이션(Animation) 1. CSS 트랜지션CSS 트랜지션(Transition)은 속성 값이 다른 값으로 전환될 때 발생(트리거, trigger)한다.CSS 방식 트리거: 가상 클래스(:hover, :focus, :active)에 자주 사용JavaScript 방식 트리거: 클래스를 추가/제거하거나 style 속성으로 CSS를 변경 멋쟁이사자처럼 프론트엔드 부트캠프 14기 - Day 17 (그리드 레이아웃, CSS 애니메이션)목차그리드 .. 2025. 6. 30. 이전 1 다음 반응형
