CSS Kutu Gölge Oluşturucu
Ücretsiz çevrimiçi CSS kutu gölgesi oluşturucu. Canlı önizlemeyle konum, bulanıklık, yayılma, renk ve opaklığı ayarlayın.
Shadow List
Generated CSS
Nasıl Çalışır
- Oluşturucuyu açın ve kutu gölgesinin canlı önizlemesini hemen görün.
- Yatay ve dikey kaydırma çubuklarını kullanarak gölgenin konumunu ayarlayın.
- Bulanıklık yarıçapı ve yayılma değerlerini belirleyerek gölgenin yumuşaklığını ve boyutunu kontrol edin.
- Tasarımınıza uygun gölge rengini ve opaklığını seçin.
- Oluşturulan CSS kodunu kopyalayın ve doğrudan stil dosyanıza yapıştırın.
Örnek
Giriş: Yatay: 5px, Dikey: 10px, Bulanıklık: 15px, Yayılma: 2px, Renk: #333333, Opaklık: 0.5
Sonuç: box-shadow: 5px 10px 15px 2px rgba(51, 51, 51, 0.5);
SSS
Evet, CSS Box Shadow Generator tamamen ücretsizdir ve kayıt veya hesap gerektirmez.
Verileriniz tamamen güvende. Tüm işlemler tarayıcınızda istemci tarafında gerçekleşir. Hiçbir veri herhangi bir sunucuya gönderilmez.
Evet, CSS virgülle ayrılmış birden fazla box-shadow değerini destekler ve bu sayede katmanlı gölge efektleri oluşturabilirsiniz.
Evet, box-shadow özelliği satıcı öneki gerektirmeksizin tüm modern tarayıcılar tarafından desteklenmektedir.
Evet, box-shadow değerine 'inset' anahtar kelimesini ekleyerek gölgeyi öğenin dışına değil içine uygulayabilirsiniz.