6XC

CSS Box Shadow (Gölge) Oluşturucu

Kutu gölgesini görsel olarak tasarlayın — kaydırma, bulanıklık, yayılma, renk, opaklık ve inset — canlı önizlemeli.

809 görüntülenme

box-shadow Özelliği

Söz dizimi: box-shadow: x y bulanıklık yayılma renk. Kaydırmalar gölgeyi taşır, bulanıklık kenarını yumuşatır, yayılma büyütüp küçültür; gerçekçilik için renk genellikle alfa taşır (örn. rgba(0,0,0,0.15)). inset eklerseniz gölge kutunun içine çizilir. En doğal görünen, küçük y kaydırmalı, yumuşak ve düşük opaklıklı gölgelerdir.

Sıkça Sorulan Sorular

Bulanıklık ile yayılma arasındaki fark nedir?

Bulanıklık gölgenin kenarını boyutunu değiştirmeden yumuşatır; yayılma ise gölgeyi bulanıklaştırmadan önce her yönde büyütür (negatif değerde küçültür).

Şık, modern bir gölge nasıl yapılır?

x'i 0, y'yi küçük (2-8px), bulanıklığı cömert (10-30px), opaklığı düşük (0,08-0,2) tutun. Biri dar biri geniş iki gölgeyi katmanlamak derinlik katar.

Benzer Araçlar

CSS Gradient Oluşturucu Doğrusal, dairesel ve konik CSS degradelerini canlı önizlemeyle tasarlayın, kodu kopyalayın. Oluştur CSS Border Radius Oluşturucu Köşeleri tek tek veya hep birlikte, px ya da % olarak yuvarlayın — canlı önizleme ve kopyalanabilir CSS. Oluştur CSS Text Shadow (Yazı Gölgesi) Oluşturucu Yazı gölgesini kaydırma, bulanıklık, renk ve opaklıkla tasarlayın — örnek metin üzerinde canlı önizleme. Oluştur CSS Border (Kenarlık) Oluşturucu Kenarlığı görsel olarak tasarlayın — kalınlık, stil (solid, dashed, dotted, double…), renk ve yarıçap — canlı önizlemeli. Oluştur