25 lines
533 B
CSS
25 lines
533 B
CSS
.zoomable-container {
|
|
backdrop-filter: blur(10px);
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center;
|
|
}
|
|
|
|
.zoomable-container:not(.zoomed):hover {
|
|
transform: scale(1.5);
|
|
background-color: rgb(33 33 33 / 60%);
|
|
background-blend-mode: multiply;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
|
|
.zoomable-container.zoomed {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.zoomable-container.zoomed .zoom-button {
|
|
display: none;
|
|
} |