Cień bloku div w CSS

0

Witam

Natrafiłem na pewną ścianę, której nie mogę rozbić/przeskoczyć.
Mianowicie chciałbym uzyskać efekt rzucanego cienia przez blok DIV. Wiem, że by uzyskać cień należy użyć 2 bloków DIV, z których jeden zewnętrzny będzie pełnił rolę cienia, a zagnieżdżony będzie właściwym blokiem z treścią.

Niestety nie mam pojęcia jak przygotować grafikę i jakie parametry ustawić dla DIV'a będącego cieniem. A dokładniej chodzi o sam wygląd grafiki. Ma to być dolna i prawa linia z efektem cienia, tworząca kształt "położonej" na lewy bok litery L czy pojedyncze linie.

Problem może banalny, ale nigdy nie bawiłem się w uzyskiwanie takich efektów, a w sieci znalazłem jedynie tutki opisujące tworzenie cienia w najprostszej postaci tzn. zwykły prostokąt bez efektów rozmycia krawędzi, a mój cień jest rozmyty, więc trzeba zastosować grafikę, a nie tylko kolor w CSS (tak mi się wydaje).

Załączam obrazek z wycinkiem efektu jaki chcę uzyskać:

user image

cień jest może trochę słabo widoczny, ale myślę że większość z Was go dostrzeże.

Pozdrawiam

0

Hmmy a nie możesz tego cienia dać bezpośrednio na obrazku z tymi deskami?
A jeśli chcesz inaczej no to tak jak piszesz dwa divy, z-indeksy, trochę zabawy... No i przezroczystość:

  background-color: #000;
  filter: alpha(opacity=30);
  opacity: .60;
0

Dzięki wielkie za pomoc :)

1 użytkowników online, w tym zalogowanych: 0, gości: 1