Bu CSS box-shadow üreticisi ücretsiz mi?

Evet, tamamen ücretsiz. Hesap, deneme süresi veya gizli ücret yok — sadece sayfayı açın ve gölgeler oluşturun.

İnternet bağlantısı olmadan çalışır mı?

Evet. Araç, sunucuya çağrı yapmadan tamamen tarayıcınızda çalışır. Sayfa yüklendikten sonra internet bağlantınızı kesin ve hala mükemmel şekilde çalışır.

Tasarım verilerim özel mi? Herhangi bir şey yüklendi mi?

Hiçbir şey yüklenecek değil. Tüm gölge ayarları yerel olarak tarayıcınızda işlenir ve yalnızca tarayıcınızın localStorage'ına kaydedilir. Cihazınızdan hiçbir veri çıkmaz.

Bir CSS kuralında birden fazla gölge katmanı oluşturabilir miyim?

Evet. '+ Gölge Ekle'ye gereken kadar tıklayabilirsiniz. Araç, tüm katmanları tek bir virgülle ayrılmış box-shadow değeri içine yığar — neumorphism, ışık etkileri veya çok yönlü derinlik için harika.

Bir iç gölge (iç) etkisi nasıl oluşturulur?

Herhangi bir gölge katmanında 'İç' onay kutusunu seçin. İç gölge, öğenin sınırları içinde görünür ve bastırılmış buton durumları veya iç ışık etkileri için yararlıdır. Oluşturulan CSS, 'inset' anahtar kelimesini otomatik olarak içerir.

Bu araç, verilerimi yükler mi?

Hayır. Her şey tarayıcınızda çalışır, bu yüzden verileriniz cihazınızdan asla çıkmaz — sayfa yüklendikten sonra bile çevrimdışı çalışır.

🔲 CSS Kutu Gölge Oluşturucu

Kodunuzu saniyeler içinde alın — kurulum gerekmiyor, hesap gerekmiyor, internet gerekmiyor. Her gölge katmanı için kaydırıcıları kullanarak ofset, bulanıklık, yayılma, renk ve opasite ayarlayın, canlı önizlemeyi anında güncelleyin, ardından hazır yapıştırmak için CSS'yi kopyalayın.

Önizleme

Tasarım gereği gizli. Bu araç, tarayıcınızda tamamen çalışır — girdiğiniz hiçbir şey yüklenmez ya da saklanmaz ve çevrimdışı da çalışır.

Hakkında

Bu araç, tarayıcınızda tamamen çalışan basit JavaScript kullanıyor — tasarımlarınız cihazınızdan asla çıkmaz. Derinlik efektleri, neumorfizm, ışık efektleri veya ince kart yükseltmeleri oluşturmak için birden fazla gölge katmanı yığabilirsiniz. Her katman, iç ışık ya da bastırılmış buton görünümü için iç gölge destekler. Çıktı, herhangi bir still dosyasına, framework'e veya tasarım token'ına doğrudan ekleyebileceğiniz standart bir CSS'tir.

Nasıl kullanılır

İlk gölge katmanınızı oluşturmak için '+ Gölge Ekle'ye tıklayın.
Her gölgeyi şekillendirmek için Offset X, Offset Y, Bulanıklık, Yayılma ve Opaklık kaydırıcılarını kullanın. 'İç' seçeneğini açarak iç gölge etkisi elde edin.
Gölge rengini seçmek için renk seçiciyi tıklayın. Her kontrolü ayarladıkça canlı önizleme güncellenir.
Daha fazla katman ekleyerek neumorphism veya yığılmış ışık etkileri gibi karmaşık çok gölge efektleri oluşturabilirsiniz.
'CSS Kopyala'ya tıklayarak tam box-shadow bildirimini alın ve stil sayfanıza yapıştırın.

SSS

Bu CSS box-shadow üreticisi ücretsiz mi?: Evet, tamamen ücretsiz. Hesap, deneme süresi veya gizli ücret yok — sadece sayfayı açın ve gölgeler oluşturun.
İnternet bağlantısı olmadan çalışır mı?: Evet. Araç, sunucuya çağrı yapmadan tamamen tarayıcınızda çalışır. Sayfa yüklendikten sonra internet bağlantınızı kesin ve hala mükemmel şekilde çalışır.
Tasarım verilerim özel mi? Herhangi bir şey yüklendi mi?: Hiçbir şey yüklenecek değil. Tüm gölge ayarları yerel olarak tarayıcınızda işlenir ve yalnızca tarayıcınızın localStorage'ına kaydedilir. Cihazınızdan hiçbir veri çıkmaz.
Bir CSS kuralında birden fazla gölge katmanı oluşturabilir miyim?: Evet. '+ Gölge Ekle'ye gereken kadar tıklayabilirsiniz. Araç, tüm katmanları tek bir virgülle ayrılmış box-shadow değeri içine yığar — neumorphism, ışık etkileri veya çok yönlü derinlik için harika.
Bir iç gölge (iç) etkisi nasıl oluşturulur?: Herhangi bir gölge katmanında 'İç' onay kutusunu seçin. İç gölge, öğenin sınırları içinde görünür ve bastırılmış buton durumları veya iç ışık etkileri için yararlıdır. Oluşturulan CSS, 'inset' anahtar kelimesini otomatik olarak içerir.
Bu araç, verilerimi yükler mi?: Hayır. Her şey tarayıcınızda çalışır, bu yüzden verileriniz cihazınızdan asla çıkmaz — sayfa yüklendikten sonra bile çevrimdışı çalışır.