<!DOCTYPE html>
<html lang="es">
<head>
<style>
.image {
background: #34495e;
border: 1px solid #34495e;
width: 200px;
height: 200px;
}
.image-contain {
object-fit: contain;
object-position: center;
}
.image-cover {
object-fit: cover;
object-position: right top;
}
</style>
</head>
<body>
<img class="image image-contain" src="https://picsum.photos/600/200" />
<img class="image image-cover" src="https://picsum.photos/600/200" />
</body>
</html>
Comentarios sobre la versión: 1 (0)
No hay comentarios