Wie kann ich mit CSS eine Umrandung von 100 Pixeln an allen Seiten eines Bildes hinzufügen, die aus den gestreckten und unscharfen Umfangspixeln besteht? z.B. die Grenze links vom Bild ist nur Spalten 1-3 horizontal gestreckt und verschwommen zusammen?
Ich sehe andere Beiträge, die erklären, wie man die Kanten scharf hält, aber die Mitte verwischt.
Wenn Sie ein Bild an den Kanten und verwischen möchten, wenn Sie nur ein einziges background-color haben, können Sie das box-shadow mit inset zum Archivieren verwenden Ihr gewünschtes Verhalten:
wobei #DBA632 die Hintergrundfarbe ist.
Siehe dieses Codefragment:
Alte Antwort:
Suchen Sie nach so etwas?
%Vor%Die ersten beiden Werte legen den Offset des Schattens fest, der dritte Wert ist die Menge der Unschärfe und der letzte Wert ist die Ausbreitung des Schattens.
Sie können mit diesen Werten spielen, um zu sehen, wie sie den Effekt ändern: DEMO