Merhaba arkadaşlar bugün elektrikler kesikti ve haliyle internet olmadığından can sıkıntısına bir de 3 gündür yazı yazmadığımdan videolu ders çekeyim dedim. Neyse karar vermek için kafamdan konuları geçirirken arasından bir tane seçmek zorundaydım. Şansıma CSS3‘ün Shadow özelliği geldi. Biraz üzerinde düşündükten sonra videolu anlatımıma başladım..
Kodlarımızı buradan da vereyim de hem yazılı hem de videolu dersimiz olsun.
Box Shadow CSS3 kodu:

box-shadow: 1px 1px 5px #000;

Yukarıda gördüğünüz kodu stil kodumuza yazıyoruz. 1px olanlar sağdan ve soldan kaç pixel gölge verileceği, 5px olan ise gölgenin dağılma özelliğidir. #000 ise siyah renk kodudur. Gölge rengini en sona yazıyoruz.
Text Shadow CSS3 kodu ise:

text-shadow: 1px 1px 5px #999;

Text Shadow ise yazıya gölge uygular. box-shadow stil kodundaki gibi sıralama aynıdır. İsterseniz çok uzatmadan video ile sizi baş başa bırakayım.
Anlamadığınız bir konu olursa yorumdan yazabilirsiniz..

Video

Kaynak