728x90
반응형
keyframes
-
CSS - 애니메이션기본 2022. 2. 15. 18:01
애니메이션 transition transition-duration : 애니메이션 효과 시간 설정 transition-property : 애니메이션 효과를 적용할 프로퍼티 transition-timing-function : 트랜지션 진행별 속도 설정 transition-delay : 트랜지션 시작 시간 지연 transform keyframes transition 시간에 따라 웹 요소의 스타일 속성이 조금씩 바뀌는 것을 의미 transition-duration 트랜지션 진행 시간 지정 .box { width : 100px; height : 100px; background: red; border : 1px solid black; } .duration { /* 트랜지션이 진행되는 시간을 지정하는 속성 (s or..