설계의 품격

transition - 부드러운 애니메이션 효과로 축약형이다. transition-delay - 애니메이션효과에 진입하고 1초 후에 애니메이션 작동 ex ) transition-delay: 1s(시간); transition-duration - 애니메이션이 지속되는 시간 ex ) transition-duration: 1s(시간); transition-property - 변경시킬 css 효과 선택 ex ) transition-property: transfrom(css 속성); transition-timing-function - 애니메이션 진행 속도 조절 ex ) transition-timing-function: linear; (일정속도) ex ) transition-timing-function: ease; ..

transition 속성 - css 가 변경될때 자연스러운 애니메이션 구현 사용방법 : transition : 1s ; 변경되는 시간 설정 ex) .box {transition : 1s ;}