8,960
edits
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
.image-zoom { | |||
position: relative; | |||
display: inline-block; | |||
width: 300px; /* Измените на нужную ширину */ | |||
} | |||
.image-zoom img { | |||
width: 100%; | |||
height: auto; | |||
transition: transform 0.3s ease-in-out; | |||
} | |||
.zoom-btn { | |||
position: absolute; | |||
bottom: 10px; | |||
right: 10px; | |||
padding: 5px 10px; | |||
background-color: rgba(0, 0, 0, 0.7); | |||
color: white; | |||
border: none; | |||
cursor: pointer; | |||
z-index: 1; | |||
} | |||
.zoom-btn:hover { | |||
background-color: rgba(0, 0, 0, 0.9); | |||
} | |||