반응형
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
body {
box-sizing: border-box;
font-family: Consolas, monospace;
}
img {
max-width: 100%;
}
.a {
width: 400px;
margin: 0px auto;
overflow: hidden;
}
.a img {
transition: all 0.2s linear;
}
.a:hover img {
transform: scale(1.2);
}
</style>
</head>
<body>
<div class="a">
<img src="images/pinkbin.png" alt="">
</div>
</body>
</html>
커서 올리기 전
커서 올린 후
반응형
'CSS↗' 카테고리의 다른 글
| 웹 background 배경화면 고정된 이미지로 설정하기 (0) | 2024.06.24 |
|---|---|
| CSS 이미지 위에 커서 올리면 다른 이미지 나오게 하기 (0) | 2024.06.20 |
| [오류해결]BootStrap에 강제 css적용하기 (1) | 2024.06.19 |
| Bootstrap (0) | 2024.06.17 |
| 오류해결)CSS 변경 후 적용안되는 오류 (0) | 2024.06.09 |