[CSS] tansition

transition - css 속성의 전환 효과를 지정. - css 속성의 시작과 끝을 지정(전환 효과)해 중간 값을 애니메이션 처리. [속성] - transition-property: 전환 효과를 사용할 속성의 이름. 기본값은 all. - 전환 효과를 적용할 특정한 속성을 일부 지정할 수도 있고, 지정하지 않으면 전체 속성에 전환 효과가 지정됨. - transition-duration: 전환 효과의 지속 시간 설정. 기본값은 0s. - s는 second. 0초가 기본값. 1s, 0.5s, .5s, ... - s 단위는 초 단위를 의미하지만 millisecond 단위로 적용할 수도 있음. ex. 1000ms = 1s - transition-timing-function: 타이밍 함수 지정. 기본값은 ease. - 타이밍 함수란 전환 효과가 빠르게 진행되다 천천히 끝날 것인지, 천천히 진행되다 빨리 끝날 것인지, 동일한 속도로 진행될 것인지 등을 지정함. - 속성값 - ease: 빠르...

원문링크 : [CSS] tansition