트랜지션

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; (기본값)

ex ) transition-timing-function: ease-in;

ex ) transition-timing-function: ease-out;

ex ) transition-timing-function: ease-in-out;