Peki ne yapacağız box-shadow ile?
Daha önceden resimlerle hazırladığımız gölgeli kutuları sadece css/html kullanarak oluşturacağız.
Şimdi gelelim asıl konumuza box-shadow kullanımına:
Bildiğiniz gibi CSS 3 le oval köşeler oluştururken farklı tarayıcılar için farklı kodlar yazıyorduk. Burada da tarayıcıya göre değişen bir kod yapısı var.
Temel Kullanım: - Kod:
-
box-shadow:[x koordinatından uzaklık][y koordinatından uzaklık][color];
/*
Mozillada :-moz-box-shadow:(Gerekli Argümanlar);
Safaride :-webkit-box-shadow:(Gerekli Argümanlar);
*/
[Blur-radius] ilaveli kullanım: - Kod:
-
box-shadow:[x koordinatında uzaklık][y koordinatında uzaklık][Blur-radius][color];
/*
Mozilla da :-moz-box-shadow:(Gerekli Argümanlar);
Safaride :-webkit-box-shadow:(Gerekli Argümanlar);
*/