CSS Text Shadow Üretici
Çok katmanlı metin gölgelerini görsel olarak oluştur — her katmanın konum, bulanıklık ve rengini ayarla; 11 küratörlü şablondan seç (3D extrude, long shadow, neon glow, letterpress, cyberpunk…); CSS, Tailwind, React inline, SCSS veya JSON kopyala.
Canlı önizleme
Metni, tipografiyi ve arka planı düzenle — gölge anında güncellenir.
Sample Text
px
Hazır kütüphane
Bir hazır şablona tıkla — katman yığınına yüklenir.
Gölge katmanları
1 / 8En fazla 8 katman istifle. İlk katman en üstte; sırayı oklarla değiştir.
#12px 4px 6px
px
px
px
Kod çıktısı
Düz CSS bloğu, Tailwind arbitrary value, React inline stil, SCSS veya JSON.
color: #0f172a;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 72px;
font-weight: 800;
text-shadow: 2px 4px 6px rgba(0, 0, 0, 0.35);