O ile nie zaznaczono inaczej, prawa autorskie zamieszczonych materiałów należą do Jana Woreczko & Wadi.

(Unless otherwise stated, the copyright of the materials included belong to Jan Woreczko & Wadi.)

Z Wiki.Meteoritica.pl

Ten szablon tworzy skrót do tworzenia kolorowgo rozmytego cienia ramki. Generuje on CSS kody dla różnych przeglądarek. Obsługiwane przeglądarki: Opera, Firefox, Safari, Chrome i Internet Explorer 9.

Składnia

{{Box-shadow | X-offset | Y-offset | promień rozmycia | #kolor}}

• X-offset i Y-offset - Określa przesunięcie cienia w prawo i w dół elementu. Stosuj ujemne wartości dla przesunięcia w lewo i w górę. Domyślnie jest 4px

• promień rozmycia - Określa, jak dużo rozmycia jest dodane do granicy ramki oprócz przesunięcia. Domyślnie jest 4px.

• kolor - Określa kolor cienia. Domyślnie jest #CCC;.

Przykłady

• <div style="background-color: #FFFFee; border: 1px solid #808000; padding: 5px; {{Box-shadow}}">Lorem ipsum...</div>

daje ramkę z domyślnym kolorem cienia ramki:

• <div style="background-color: #FFFFee; border: 1px solid #808000; padding: 5px; {{Box-shadow|4px|4px|8px|#fc0;}}">Lorem ipsum...</div>

daje bardziej wyraźne i kolorowe cienie:

Linki zewnętrzne

• Wikipedia - Box-shadow (cień ramki)