728x90 300x250 SMALL 2025/05/121 transition으로 부드러운 애니메이션 만들기 개념설명css transition 속성은 스타일이 변화할 때 그 변화를 부드럽게 애니메이션 효과로 보여주기 위해 사용된다. 예를 들어 마우스를 올렸을 때 색상이 바뀌거나 요소가 확대되는 경우, transtion을 통해 자연스럽게 변화하게 만들 수 있다. 주요 속성 설명transtion-property : 어떤 속성에 전환 효과를 줄 것인지 지정(예 : background-color, transform 등)transition-duration: 전환이 완료되기까지 걸리는 시간(예: 0.3s)transtion-timing-function:전환 속도의 곡선을 지정(예:ease, linear, ease-in-out 등)transition-delay: 전환이 시작되기까지 대기 시간예제 1 : 버튼 색상이 부드럽게 .. 2025. 5. 12. 이전 1 다음 728x90 반응형 LIST