CSS Gölge Efektini Verme

CSS ile, metne ve öğelere gölgeler ekleyebilirsiniz.

Bu bölümde aşağıdaki özellikleri öğreneceksiniz:

CSS Metin Gölge

CSS Metin gölgesi özellik, metin gölge Uygular.

En basit kullanımında2px) ve dikey gölge (2px):

Şimdi ekledik Metin gölgesi Etkisi için bir renk verelim:

Şimdi gölgemize bulanıklık özellik.

Aşağıdaki örnekte siyah gölgeli beyaz metin gösterilmektedir:

Aşağıdaki örnekte kırmızı neon ışıma gölgesi görülmektedir:

CSS ile Birden Çok Gölge Ekleme

Metne birden çok gölge eklemek için, virgülle ayrılmış bir gölge listesi ekleyebilirsiniz.

Aşağıdaki örnekte kırmızı ve mavi neon ışıma gölgesi görülmektedir:

Aşağıdaki örnekte Siyah, mavi ve koyu mavi gölgeli beyaz bir metni gösterir:

Metin gölgesi Bazı metinlerin etrafında düz bir kenarlık oluşturmak için de kullanabilirsiniz (gölgesiz):

Bir CSS kutu gölgesi Özelliği ekleyin

CSS kutusu shadow özelliği, gölge öğelerine uygular.

En basit kullanımında, yalnızca yatay gölgeyi ve dikey gölgeyi belirtirsiniz:

Şimdi gölgeye gri uygulayalım.

Ve şimdi Gri renkli gölge bulanıklık Efekt.

Numune: Örneğimizde, bir resim ve açıklama KART için bu kartı oluşturarak kutu gölge ve Metin gölgesi birlikte özellik.