CSS3 Dersleri 4 box-shadow Kutuları Gölgelendirme – BilgeBank
Anasayfa / DERSLER / Web Tasarım Dersleri / HTML - CSS Dersleri / 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

İlgili Makale

CSS3 Dersleri 3 text-shadow Yazıları Gölgelendirme

CSS3 ile birlikte gelen text-shadow özelliği ile yazılara gölgelendirme verebiliyoruz. Hemen örneğimize geçerek uygulamalı şekilde text-shadow …

Bir cevap yazın

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

%d blogcu bunu beğendi:
%d blogcu bunu beğendi: