CSS Metin Gölge Oluşturucu

Çok katmanlı CSS text-shadow efektlerini görsel olarak tasarlayın. Offset, bulanıklık, renk ve opaklığı ayarlayın. CSS'yi anında kopyalayın.

Tool Lab

Önizleme Metni

Yazı Boyutu — 48px

Metin Rengi

Arka Plan Rengi

Gölge Katmanları (1)

X Ofseti

Y Ofseti

Bulanıklık

Renk

Opaklık — 30%

Oluşturulan CSS

text-shadow: 2px 2px 6px rgba(0,0,0,0.30);

Bu araç hakkında

CSS Metin Gölgesi Oluşturucu, çok katmanlı metin gölgelerini görsel olarak oluşturmanıza ve CSS çıktısını anında almanıza olanak tanır. Her katmanın bağımsız X/Y ofseti, bulanıklık yarıçapı, renk ve opaklık kontrolleri vardır.

Opaklık, tarayıcıya özgü hileler olmadan yumuşak şeffaflık sağlayan RGBA alfa kanalı olarak uygulanır. Oluşturulan CSS tüm modern tarayıcılarda çalışır.

Nasıl kullanılır

Başlamak için bir ön ayar seçin veya katmanları manuel olarak yapılandırın.
Önizleme metnini yazın ve yazı boyutunu ve renkleri ayarlayın.
Karmaşık efektler için + Katman Ekle ile daha fazla katman ekleyin.
CSS Kopyala'ya tıklayarak text-shadow bildirimini doğrudan stil sayfanıza kopyalayın.

Kullanım senaryoları

Frontend geliştiriciler derinlik ve boyutla hero bölümü başlıkları oluşturur. Tasarımcılar CSS'te metin efektlerini prototip oluşturur. Pazarlama ekipleri parlama ve neon efektleriyle dikkat çekici CTA metni oluşturur.

Sık sorulan sorular

Kaç katman ekleyebilirim? — Sınır yoktur. CSS, virgülle ayrılmış herhangi sayıda text-shadow değerini destekler. Pratikte 1-4 katman çoğu efekti kapsar.
text-shadow tüm tarayıcılarda çalışır mı? — Evet. text-shadow 2012'den beri tüm modern tarayıcılarda tam olarak desteklenmektedir.
Bulanıklık yarıçapı 0 nedir? — Bulanıklık olmayan keskin kenarlı gölge, retro veya kontur efektleri için kullanışlıdır.