9. 7. 2009

CSS3 borders, box-shadow

Tiene vytvárajú zaujímavý efekt, ktorým svoje stránky skrášlite.

Použijeme nový príkaz box-shadow, okrem farby prijíma 3 parametre:
1. horizontálny odstup (horizontal offset)
2. vertikálny odstup (vertical offset)
3. okruh rozmazania (blur radius)

HTML

box-shadow: 5px 5px 0px #aaa;
border:1px solid #ccc;
padding: 5px 5px 5px 15px;


Výsledok

Takto vyzerá tieň.

Zdroj: css3.info