728x90 반응형 transform1 CSS / transform:scale() / 마우스 오버(hover) 시 확대되는 이미지 사이트에서 상품이나 게시글의 썸네일이미지에 마우스를 올리면 이미지가 확대되는 효과를 사용하는 방법입니다. transform속성을 사용하는데 transform(변형)은 HTML의 모양, 크기, 위치 등을 변경할 수 있습니다. transform의 메소드로는 translate(), rotate(), scale(), skew(), matrix() 가 있으며 이미지의 크기가 변경하는 메소드는 scale()로 이번 글에서 사용방법을 정리해보았습니다. 의 이미지 상자 부분 부트스트랩을 사용했습니다. 위 CSS부분에서는 아래 코드의 div의 box class와 img태그에 적용된 부분입니다. 이미지 마우스 오버시 이미지 확대 2021-07-22 . . . 사용방법 1. overflow:hidden 2.object-fi.. 2021. 7. 22. 이전 1 다음 728x90 반응형
