Ev / DERSLER / Web Tasarım Dersler / CSS / CSS3 Dersleri 4 box-shadow Kutuları Gölgelendirme

CSS3 Dersleri 4 box-shadow Kutuları Gölgelendirme

CSS3 ile birlikte gelen ve kutuya gölge verme için kullanılan box-shadow özelliği ve kullanımı ile ilgili bilgi vermeye çalışacağım.

Hemen örneğimize geçerek uygulamalı şekilde box-shadow özelliğimizi inceleyelim.


Kodların Ön İzlemesine Buradan Bakabilirsiniz

Basit bir gölge vermek için box-shadow özelliğine yatay gölge(10px) ve dikey gölge(10px) boyutu belirterek verebiliriz.

.golgelendirme{
	box-shadow: 10px 10px;
}

Oluşturduğumuz gölgeye renk verebiliriz.

.renklendirme{
	box-shadow: 10px 10px green;
}

Oluşturduğumuz ve renk verdiğimiz gölgeyi flu yapabilirsiniz.

.flulastirma {
    box-shadow: 10px 10px 5px green;
}

hakkında BilgeBank

İlgini Cekebilir

html menü

CSS İle Açılır Menü Yapımı (12. Ders Açılır Menü)

Css ile açılır menü yapımını adım adım resimli bir şekilde nasıl yapıldığını anlatmaya çalışacağım olayın  mantığını …

Bir cevap yazın

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

%d blogcu bunu beğendi: