반응형 트랜지션1 [웹 디자인] 20일차: 애니메이션과 트랜지션 CSS 트랜지션CSS 트랜지션은 요소의 스타일이 변경될 때 그 변화를 부드럽게 만들어주는 기능입니다. 트랜지션을 사용하면 스타일 변경을 애니메이션처럼 자연스럽게 처리할 수 있습니다.트랜지션 기본 문법transition-property: 트랜지션 효과를 적용할 속성을 지정합니다.transition-duration: 트랜지션 효과가 완료되는 데 걸리는 시간을 지정합니다.transition-timing-function: 트랜지션 효과의 진행 속도를 지정합니다.transition-delay: 트랜지션 효과가 시작되기 전에 대기할 시간을 지정합니다.예제:.box { width: 100px; height: 100px; background-color: blue; transition: width 2s, heig.. 2024. 8. 20. 이전 1 다음 반응형