[Programowanie] Css - Box-Shadow


Kod ten pozwala na umieszczenie cienia w elemencie strony. Prosty do zastosowania kod umieszczamy w arkuszu stylu Css, a następnie w elemencie strony podczepiamy jako klase do div.


FAQ:


Co powinniśmy wiedzieć dokładnie o tym kodzie?
- Pozwala na wstawienie cienia element strony.

W jakim miejscu zastosować skrypt w kodzie?
- Należy kod zastosować pomiędzy body a /body, a dokładniej w elementach typu div.


Skrypt:





Legenda:


box-shadow
- Kod dodaje cień elementom strony.

1px
- Cien wielkości Xpx (1px) w prawo. Wartość minusowa da cień w lewo.

2px
- Cień wielkości Xpx (2px) w dół. Wartość minusowa da cień w górę.

3px
- Intesywność cienia, jego rozproszenie.

#000000
- Kolor cienia. Można stosować również angielskie słowa kolorów takie jak red, blue, green, gold i tak dalej.


Przykładowe zastosowania:



- Daje to samo co


Przykład #1

Stosujemy w kodzie css


Kod, który ma wyświetlać cień


Effekt

Przykładowy element z cieniem czerwonym.






 

Translate