100-project-100-days-website/100_projects/70-javascript-zoom-effect/style.css
2023-05-02 19:37:11 +03:00
Ask

23 lines
409 B
CSS

{71242ea048bca40da79ba1c23ece461547504c87 true 409 style.css 0xc002b14b60}

* {
box-sizing: border-box;
}
body {
background-color: #663399;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
min-height: 100vh;
}
#container {
box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3);
height: 500px;
width: 500px;
overflow: hidden;
}
img {
transform-origin: center center;
object-fit: cover;
height: 100%;
width: 100%;
}