[CSS] transform, transition, animation 속성으로 애니메이션 구현해보기
·
css
# 박스로 보는 transform, transition See the Pen Untitled by jong-jang (@jong-jang) on CodePen. 박스에 마우스 호버시 스케일을 2배커지게 설정해놓았습니다. 기본값은 센터기준으로 변형되는 것을 알수있습니다. 기준은 transform-origin이라는 속성으로 변경가능합니다. See the Pen transform2 by jong-jang (@jong-jang) on CodePen. 기준이 left top 기준으로 변경된 모습입니다. transform 만으로 심심하다 그러면 transition 속성을 추가해주면 됩니다. 수치는 모두 transition이 적용되며 색상 또한 가능합니다. 수치가 아닌 값은 적용이 안됩니다. ex) width: au..
