AraçKutusu

CSS Text Shadow Oluşturucu

Yazınıza gölge ekleyin: kaydırma, bulanıklık ve rengi ayarlayın; canlı önizlemede sonucu görün. Neon ve dış çizgi (outline) efektleri için hazır text-shadow CSS kodunu kopyalayın.

AraçKutusu

Yazı görünümü

Gölge

Önizleme arka planı

text-shadow: 2px 2px 4px rgba(124, 92, 255, 0.6);

Tam yazı CSS'i

color: #111827;
font-size: 52px;
font-weight: 800;
text-shadow: 2px 2px 4px rgba(124, 92, 255, 0.6);

CSS Text Shadow Oluşturucu nedir, ne işe yarar?

CSS text-shadow oluşturucu, yazıya uygulanacak gölge, parlama veya neon efektinin kodunu görsel olarak üretir. Kaydırma, bulanıklık ve rengi ayarlar, örnek yazı üzerinde canlı önizler ve hazır CSS'i kopyalarsınız.

Fotoğraf üzerindeki yazıların okunurluğunu artırmaktan neon parlama etkisine kadar birçok amaçla kullanılır. Üretilen kodu bir metin öğesinin text-shadow özelliğine yapıştırmanız yeterlidir.

CSS Text Shadow Oluşturucu nasıl yapılır?

  1. Örnek yazıyı ve rengini değiştirin.
  2. Kaydırma, bulanıklık ve gölge rengini ayarlayın.
  3. Canlı önizlemeyi görün, hazır text-shadow CSS kodunu kopyalayın.

Nerelerde kullanılır?

  • Fotoğraf üzerindeki başlıkları okunur hâle getirmek
  • Başlıklara neon/parlama efekti vermek
  • Logolu veya vurgulu yazılar tasarlamak
  • Retro/3B yazı görünümleri oluşturmak

İpuçları

  • Neon efekti için kaydırmayı 0 yapın, bulanıklığı artırın ve parlak bir renk seçin.
  • Okunurluk için açık zeminde koyu, hafif bulanık bir gölge idealdir.
  • Abartılı gölge metni yorar; çoğu tasarımda ince gölge daha şık durur.

Metin gölgesinin asıl işi okunabilirliktir

Metin gölgesi çoğu zaman süs sanılır ama en değerli kullanımı işlevseldir: fotoğraf üzerine yazılan metni okunur kılmak. Değişken renkli bir arka plan üzerinde sabit renkli yazı, bazı bölgelerde kaybolur. İnce ve koyu bir gölge, harflerin kenarında sürekli bir kontrast sınırı oluşturur ve metin her yerde okunur.

Bunun için abartılı bir gölge gerekmez; birkaç piksellik bulanıklık ve orta koyulukta bir renk çoğu durumda yeterlidir. Kalın gölgeler metni okunaklı kılmak yerine kirletir.

Kontur etkisi ve çoklu gölge

Metnin çevresine tam bir kontur çizmek için dört yöne birer gölge eklenir. Bu yöntem özellikle video altyazılarında ve fotoğraf üzerine yazılan başlıklarda kullanılır; harfler arka plandan tamamen ayrışır.

Neon ve parlama etkileri de aynı mantıkla kurulur: aynı renkten, farklı bulanıklıkta birkaç gölge üst üste bindirilir. Yakın olanlar yoğunluğu, uzak olanlar hâleyi verir.

Nerede kullanmamalı?

Uzun paragraflarda metin gölgesi okuma yorgunluğu yaratır; harflerin kenarları netliğini kaybeder ve göz sürekli odaklanmaya çalışır. Gövde metninde gölgeden kaçınmak genel kuraldır.

Gölge, kontrast eksikliğini kapatmak için de kullanılmamalıdır. Metin ile arka plan arasındaki kontrast zaten yetersizse çözüm renkleri düzeltmektir. Ürettiğiniz kod tarayıcınızda hesaplanır.

Sık sorulan sorular

Neon yazı efekti nasıl yapılır?

Kaydırmaları 0 yapıp bulanıklığı artırın ve parlak bir renk seçin. Aynı rengi kullanarak parlayan (glow) bir neon etkisi elde edersiniz.

Yazının okunurluğunu artırmak istiyorum.

Açık arka plan üzerinde koyu, hafif bulanık bir gölge (örn. 1px 1px 2px) metni belirginleştirir; fotoğraf üzerindeki yazılar için idealdir.

Kodu nasıl kullanırım?

Kopyaladığınız kodu bir metin öğesinin CSS'ine yapıştırın: `text-shadow: ...;`

İlgili araçlar