CSS3 – Box Shadow Kullanımı

Bu dersimizde css3 ile birlikte gelen box-shadow özelliğinden ve değişik varyasyonlarda kullanımından bahsedeceğim.. Yararlı olması dileğiyle..

Örnek Kullanımı;

box-shadow: 3px 6px 9px 12px #ccc inset

Parametre Açıklamaları
– 3px => Soldan değeri
– 6px => Yukarıdan değeri
– 9px => Blur değeri
– 12px => Gölge yayılma değeri
– #ccc => Gölge renk değeri
– inset => Gölge tipi (içe doğru)

Örnek Kullanımı;

İçe Gölge Yapımı;

Farklı Varyasyonlarda Kullanımları;

Yayınlayan

Tayfun Erbilen

2009'dan beri web işleriyle uğraşan, aynı zamanda amatör müziklede ilgilenen sıradan birisi..

“CSS3 – Box Shadow Kullanımı” üzerine 4 yorum

  1. Güzel Anlatım olmuş eğitimine sağlık 🙂 , hala ie 8 ve daha düşük sürümler kullananları düşünürsek , dipnot olarak ie desteği için "csspie" den bahsetmek çok lezzetli olur : )

  2. eheh doğru söylüyorsun ama artık sanmıyorum ie6,7 sürümlerine takıldıklarını kimsenin 🙂

  3. Merhabalar Tayfun bey. Dersiniz gerçekten güzel ve anlaşılır olmuş teşekkürler. Sitenizi geçenlerde şans eseri buldum ve sürekli takip ediyorum. Sizden bir ricam var. Jquery ve css kullanarak bir linke tıkladığımızda sayfanın ortasında açılan (arka plan kararak) modalbox yapımı için bir video çekmeniz mümkünmüdür? Piyasada eklentiler mevcut ama ben eklenti kullanmadan nasıl yapıldığını öğrenmek istiyorum. Böyle bir video hazırlarsanız sevinirim.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir