La propriété CSS - objectif-fit - NextuM
vendredi 28 juin 2019 à 13:13Je ne connaissais pas cette propriété qui permet à une image d'occuper tout ou partie de l'espace parent (un peu comme son pendant background-size)
Dans les exemples suivants, l'image a un width et un height de 100% à chaque fois.
object-fit: cover;
Couvre toute la surface quitte à perde des parties de l'image.
object-fit: contain;
Couvre toute la surface quitte à laisser des zones vides dans le parent.
object-fit: fill;
Remplit toute la surface quitte déformer l'image.
Comme d'habitude c'est pas poue IE mais OSEF.
<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});► Commentaires