Zahmetsizce Güzel CSS Kutu Gölgeleri Oluşturun
Sezgisel arayüzümüzle çarpıcı kutu gölgeleri oluşturun. CSS kodunu kopyalayın ve anında projelerinizde kullanın.
Preview
Kutu Gölgesi
Beni özelleştir
CSS Çıktısı
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
Gölge Kontrolleri
Position
Size
Color
Options
Presets
Yumuşak Gölge
Orta Gölge
Ağır Gölge
İç Gölge
Keskin Diyagonal
Anahat Işıması
Çift Gölge
Kaldırılmış Efekt
Nasıl Kullanılır?
Temel Kontroller
- AyarlayınYatay OfsetGölgeyi sola veya sağa taşımak için
- AyarlayınDikey OfsetGölgeyi yukarı veya aşağı taşımak için
- ArttırBulanıklık YarıçapıGölgeyi daha yumuşak hale getirmek için
- Use Yayılma YarıçapıGölgenin toplam boyutunu artırmak veya azaltmak için
- DeğiştirColor and OpacityGölge görünümünü özelleştirmek için
Gelişmiş Özellikler
- Enable İç Gölgeİç gölge efekti oluşturmak için
- Use Çoklu Gölgelerdaha karmaşık efektler için
- Kaydet ve yüklePresetsEn sevdiğiniz gölgelere hızlı erişim için
- Click Rastgele GölgeİLHAM ALMAK İÇİN
- Oluşturulan CSS kodunu kopyalayın ve projenize yapıştırın
Related Tools
Stylus'tan CSS'ye Dönüştürücü
SCSS kodunuzu CSS'ye dönüştürün. Hızlı, kolay ve güvenli.
CSS Güzelleştirici
CSS kodunuzu profesyonel hassasiyetle biçimlendirin ve güzelleştirin
CSS3 Dönüşümlerini Kolaylıkla Oluşturun
Kod yazmadan karmaşık CSS3 dönüşümleri oluşturmak için güçlü, sezgisel bir araç. Değişiklikleri gerçek zamanlı olarak görselleştirin ve oluşturulan CSS'yi projelerinizde kullanmak üzere kopyalayın.
HEX'den HSV'ye çevirme
Gerçek zamanlı önizleme ile Onaltılık ve HSV (Ton, Doygunluk, Değer) renk modelleri arasında renkleri dönüştürün.
Metni SEO Dostu Sümüklü Böceklere Dönüştürün
Herhangi bir metni URL'ler, dosya adları ve daha fazlası için mükemmel olan URL dostu bir bilgi alanına dönüştürün.
Hız Birimi Dönüştürücü
Mühendislik, bilimsel ve günlük ihtiyaçlarınız için farklı hız birimleri arasında hassas bir şekilde dönüştürme yapın