Bilder border-radius funktioniert nicht während des CSS-Übergangs

7

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.

Ссылка

    
Jonny 14.01.2015, 02:25
quelle

2 Antworten

26

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.

Ссылка

%Vor%     
Ming 14.01.2015, 02:42
quelle
2

Erstelle nur border-radius erben

%Vor%     
Amr Abdulaziz Ibrahim 21.09.2017 19:19
quelle

Tags und Links