Wie man inneren Box-Schatten beim Schweben transparent macht

8

Ich möchte einen schwarzen Ring machen, der beim Schweben erscheint, um transparent zu sein. aber wenn ich box-shadow: 0 0 0 5px #000, 0 0 0 10px green zu box-shadow: 0 0 0 5px transparent, 0 0 0 10px green ändere, erscheint es nicht. Wie erreiche ich es?

%Vor% %Vor%
    
user5397448 13.07.2016, 10:25
quelle

2 Antworten

3

Fügen Sie einfach ein Pseudoelement mit der absoluten Position hinzu und erweitern Sie es um 10 px (5 Pixel für Rahmen und 5 Pixel für die Lücke) und fügen dann Boxschatten hinzu Außerdem müssen Sie anstelle des Elements selbst einen Übergang für das Pseudoelement hinzufügen

%Vor% %Vor%
    
bugwheels94 13.07.2016 10:42
quelle
2

Ich glaube nicht, dass Sie dies auf diesem Weg tun können, aber ja, es ist möglich, indem Sie Pseudo-Element

verwenden

zum Beispiel

%Vor%

%Vor% %Vor%
    
Ismail Farooq 13.07.2016 10:35
quelle

Tags und Links