1분코딩 썸네일형 리스트형 CSS - Transform, Transition, Animation, 3D 자바스크립트 없이 CSS 만으로 재밌는 효과를 줄 수 있는 4가지 효과를 알아보자. 1. CSS Transform '변형'을 뜻하는 Tranform은 CSS3에서 처음 등장했고 width, height 등을 조정하는 방법보다 성능이 좋다. 나머지 박스에 영향을 미치지 않고, 기준점이 중앙에 있다는 점이 특징이다. 중앙으로 설정되어있는 기준점은 transform-origin으로 쉽게 바꿀 수 있다. .box:hover { transform-origin: 0% 0%; /* 좌측 상단으로 기준점 변경하기 */ transform-origin: left top;/* (같은 효과) */ transform-origin: 100% 100%; /* 우측 하단으로 기준점 변경하기 */ transform-origin: ri.. 더보기 이전 1 다음
