nix: Frage zum Wiki-Artikel „object-fit“

Beitrag lesen

problematische Seite

Ob ein Beispiel da was bringt? Immerhin weiß ich ja schon, was da „schuld“ ist. Denke nur, daß es auch andere überraschen könnte. Aber bitte:

figure {
	z-index= 0;
	inline-size: 400px;
	block-size: 300px;
	padding: 0;
	margin: 0;
	z-index: 0;
	&:has(img:hover) {
		z-index: 1;
	}
	& > img {
		z-index: 0;
		object-fit: contain;
		aspect-ratio: 1;
		transform-origin: center;
		scale: 1;
		opacity: 1;
		&:hover  {
			z-index: 1;
			scale: 3
		}
		transition: all 2s ease-in-out;
	}
}