2012-05-05 30 views
31

Mam problemy z ustawianiem cienia po lewej stronie elementu.Box-Shadow po lewej stronie elementu tylko

Próbowałem to:

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

Jednak cień okno wygląda bardziej jak szara linia i brak regularnej shadow-skutek, że jestem przyzwyczajony do przy użyciu box-shadow. Ponadto powyższy przykład zawiera mały, top box-shadow, którego próbuję się pozbyć.

Dziękujemy

Odpowiedz

53

Prawdopodobnie potrzebujesz więcej rozmycia i trochę mniej rozłożenia.

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

Spróbuj bawić z generatora shadow box tutaj http://css3generator.com/ aż pojawi się żądany efekt.

+1

Dziękujemy! to pomogło, zastanawiałem się, czy można pozbyć się wszystkich najlepszych cieni i zostawić tylko lewy box-shadow? b/c powyższy przykład nadal ma mały górny cień ... – AnchovyLegend

+1

Oczywiście, po prostu użyj negatywnego spreadu: box-shadow: -10px 0px 20px -5px #aaaaaa; –

+0

dziękuję! :) – AnchovyLegend

Powiązane problemy