[CSS] 마우스를 올렸을 때 이미지 확대/축소하기
이미지에 마우스를 올렸을 때(hover) 이미지가 확대되고 마우스가 벗어나면 원래 상태로 축소되도록 해보겠습니다. 소스 보시겠습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 마우스 올렸을 때 이미지 확대/축소 Colored by Color Scripter cs HTML파일은 태그에 클래스를 주고 태그로 이미지 하나를 불러오도록 했습니다. 1 2 3 4 5 6 7 8 9 .box img { /* hover 뒤 애니메이션 */ transform: scale(1.0); /* 이미지 확대 */ transition: transform .5s; /* 시간 설정 */ } .box img:hover { /* hover 시 애니메이션 */ transform: scale(1.5); /* 이미지 확대 */ t..
2021.08.16