2012-05-05 8 views
31

Ich konnte nur auf der linken Seite eines Elements einen Box-Schatten setzen.Box-Shadow nur auf der linken Seite des Elements

Ich versuchte dies:

box-shadow: -10px 0px 3px 0px #aaa; 

mangelt es jedoch an der Box Schatten eher wie eine graue Linie aussieht und den regelmäßigen Schatten-Effekt, den ich bin es gewohnt, wenn box-shadow verwenden. Außerdem enthält das obige Beispiel einen kleinen oberen Feldschatten, den ich loswerden möchte.

Vielen Dank

Antwort

53

Sie brauchen wahrscheinlich mehr Unschärfe und etwas weniger Verbreitung.

box-shadow: -10px 0px 10px 1px #aaaaaa; 

rumprobieren mit dem Box Schatten Generator hier http://css3generator.com/ Messing bis zum gewünschten Effekt erzielen.

+1

Vielen Dank! das hat geholfen, ich habe mich gefragt, ob es möglich ist, auch alle oberen Schatten loszuwerden und nur den linken Kastenschatten zu verlassen ?? b/c Das obige Beispiel hat immer noch einen kleinen oberen Schatten ... – AnchovyLegend

+1

Sicher, verwenden Sie einfach einen negativen Spread: Box-Schatten: -10px 0px 20px-5px #aaaaaa; –

+0

danke !!! :) – AnchovyLegend

Verwandte Themen