1. 정확한 제품 또는 플러그인 이름 : css
2. 상세 내용 :
안녕하세요! 마우스 오버시 이미지가 확대되는 효과를 넣을려고 하는데 어려움을 겪고 있습니다.
구글링해보니깐 selector:hover{transform:scale(1.3) !imprtant;}
이런식으로 넣으면 된다고 찾았는데 실제 적용이 어렵네요 ㅠ 코딩초보라서요
이미지 위치도 모르겠고 ㅠㅠ 도움 부탁드립니다.
카톡아이디: thingdong
3. 확인 가능한 상세 페이지 주소
4. 수정한 코드 내역 (있다면)
안녕하세요~^^
아래 예제 코드를 참고하여 적용해보시겠어요?
<style>
/* 기본 스타일 */
.box {
width: 200px;
height: 200px;
background-color: red;
transition: transform 0.3s ease;
}
/* hover 효과 */
.box:hover {
transform: scale(1.2);
}
</style>
<div class="box"></div>
css의 문법을 모르신다면 적용에 어려움이 있을 수 있습니다.
css의 문법을 먼저 공부하시는 것이 도움이 될 듯 합니다.
고맙습니다.