[ CSS ] Transform/Transitions/Animations

ꕥCSS만으로도 요소에 애니메이션을 적용할 수 있어요!ꕥTransitions: JavaScript를 사용하지 않고, CSS만으로 요소의 스타일 속성이 한 상태에서 다른 상태로 변경될 때, 애니메이션처럼 부드럽게 진행되도록 한다.transition-property : 변화할 속성 값을 설정한다.Ex) color, background-color, transformtransition-duration : 속성 값의 변화가 진행되는 시간을 설정한다.Ex) s, ms베지에 곡선 : 제어점(Control Points)을 이용해 곡선의 형태를 조정하는 기법이다.함수 이름설명ease기본값으로, 느리게 시작해서 점점 빨라졌다가 다시 느려지는 형태이다. cubic-bezier(0.25, 0.1, 0.25, 1.0)와 같다...