Ich verwende border-radius: 50%;
, um ein Bild zu runden. Standardmäßig ist das Bild verschwommen und gezoomt (mit einem versteckten Überlauf) und beim Schweben werden Unschärfe und Zoom entfernt. Wenn ich jedoch einen CSS-Übergang für das Element verwende, wird vorübergehend der Überlauf für die Dauer des Übergangs angezeigt.
Ich glaube an den Übergang, das Element wird aus dem Dokumentenfluss entfernt, etwas wie ein Schatten position: relative;
und wieder eingefügt, sobald die Animation abgeschlossen ist.
Wenn Sie erzwingen, dass z-index
des übergeordneten Elements höher als das des untergeordneten Elements ist, sollte das übergeordnete Element weiterhin den Überlauf abschneiden.