CSS Gölge Oluşturucu Nedir?
CSS Gölge Oluşturucu, kutu gölgelerini görsel olarak tasarlamanızı ve kullanıma hazır CSS'yi anında kopyalamanızı sağlar. Her katman için offset, blur, spread, renk ve opaklığı ayarlayın.
Kutu Gölge Özellikleri
- X / Y Kayması: Gölgenin elementten yatay ve dikey uzaklığı. Negatif değerler gölgeyi sola veya yukarı taşır.
- Bulanıklık: Yüksek değerler daha yumuşak ve yayılmış bir gölge oluşturur. Sıfır, keskin kenarlı bir gölge oluşturur.
- Yayılma: Gölgeyi genişletir veya küçültür. Pozitif değerler elementi aşar; negatif değerler küçültür.
- Renk ve Opaklık: Gölge rengi. İnce derinlik efektleri için düşük opaklık kullanın.
- İçe Gölge: Gölgeyi element kenarlığının içine taşır, basılmış veya oyulmuş bir görünüm oluşturur.
Çoklu Gölge Katmanları
CSS, tek bir element üzerinde virgülle ayrılmış birden fazla gölgeye izin verir. Sıkı keskin bir gölgeyi büyük yayılmış bir gölgeyle katmanlamak gerçekçi derinlik oluşturur.
Nasıl Kullanılır
- Bir ön ayar seçin veya Katman Ekle ile sıfırdan başlayın.
- Her katman için kaydırıcıları ve renk seçiciyi gerçek zamanlı olarak ayarlayın.
- Farklı yüzeylere karşı kontrastı kontrol etmek için önizleme arka planını değiştirin.
- Oluşturulan CSS'yi kopyalayın ve doğrudan stil sayfanıza yapıştırın.