반응형
transformOrigin
-
[JavaScript] 이미지확대축소JavaScript 2022. 9. 18. 15:54
javascript를 이용하여 이미지확대 축소를 할 수 있다. 코드예시 let tg = document.getElementsByClassName("tg")[0]; let imgPath = document.getElementsByClassName("tg")[0].getAttribute("data-image"); let photo = document.getElementsByClassName("photo")[0]; photo.style.backgroundImage = `url(${imgPath})`; //이미지 확대 (마우스 갖다댐) tg.addEventListener("mouseover", function(){ photo.style.transform = `scale(2)`; //2배확대 }) //이미지 축소..