CSS3 BOX SHADOW

W raz z nastaniem  CSS3 .Przybyło nam kilka ciekawych opcji które  możemy wykorzystać podczas projektowania stron internetowych.Jedną z nich jest  z pewnością możliwość ustawienia tzw. Cienia jaki rzuca element np.blokowy .Jak konkretnie wygląda taki kod? .Zobaczmy

<style type="text/css">
.blok {
     box-shadow:10px 10px 20px #666;
    -moz-box-shadow:10px 10px 20px #666;
    -o-box-shadow:10px 10px 20px #666;
    -webkit-box-shadow:10px 10px 20px #666;
}
</style>

Po dwukropku podajemy kąty nachylenia naszego cienia w pixelach oraz kolor samego cienia.To bardzo przydatna opcja .Dzięki niej możemy zaoszczędzić sporo czasu jaki trzeba poświęcić na przygotowanie szablonu z tak zaprojektowanymi cieniami .Po za tym lżejsza grafika całego projektu.