Das Bild-Element kann überlaufen – und niemand hat es dir erzählt

Something Nobody Told You About the Image Element (It Can Overflow)

Das <img>-Element ist komplexer als gedacht: Es ist gleichzeitig Container und Inhalt. Standardmäßig wird Überlauf abgeschnitten (overflow: clip), aber mit object-fit: cover oder border-radius kann der Bildinhalt über den Rahmen hinausragen. Auch object-fit: none führt zu Überlauf, wenn der Container kleiner als das Bild ist. Der Artikel erklärt diese versteckten Mechanismen und zeigt, wie man sie für kreative Effekte nutzt – etwa für Hover-Animationen oder einen Ladebildschirm mit nur einem einzigen Bild-Element.