[CSS] 애니메이션 효과를 주고 싶다면 : transition

버튼에 마우스를 올렸을 때 버튼의 크기가 커지고, 투명도가 바뀌는 애니메이션을 주고 싶다고 가정해보자. 변화하는 대상의 css property에 transition을 추가하고, transition이 될 대상, transition이 일어날 시간, 어떻게 transition이 될 것인지를 코드로 작성해 놓으면 된다. 예 1) .major__icon i { transition: all var(--animation-duration) ease-out; } .major__icon i:hover { color: var(--color-forestgreen); transform: scale(1.18); } 예 2) transition: all 300ms ease-in; transition: margin-right 2s ..

원문링크 : [CSS] 애니메이션 효과를 주고 싶다면 : transition