CSS3 mehrere Boxshadow Effekte

Hier wurden einem img Bild mehrere Shadow Effekte zugewiesen. Dadurch entsteht eine Art Passpartout.

Der Trick besteht darin, dass man der Box-Shadow Eigenschaft, mehrmals die Werte zuweist und zwar durch Komma

getrennt und jeweils mit anderen Werten. Wichtig ist, dass die Werte für den oben liegenden (inneren) Schatten als erstes vergeben werden.

box-shadow: 0px 0px 0px 3px #6A0608, 0px 0px 0px 80px #FFD8A1;

Engel

Ein CSS Tipp von Michael Albers | weitere HTML5 & CSS3 Tipps

www.pastorpixel.de