Görsel ve tasarım araçları
Box Shadow Generator
Box Shadow Generator, girdiyi sunucuya göndermeden sonuçları kontrol etmek, dönüştürmek veya hazırlamak için tarayıcıda çalışır.
Input / output
Shadow preview
2 layers
CSS 코드
box-shadow: 0px 8px 24px -8px rgb(0 0 0 / 0.18), 0px 2px 6px 0px rgb(37 99 235 / 0.12);
Tailwind shadow
shadow-[0px_8px_24px_-8px_rgb(0_0_0_/_0.18),_0px_2px_6px_0px_rgb(37_99_235_/_0.12)]
Shadow layers
Layer 1
Layer 2
HelpOpen usage notes, examples, practical tips, and FAQ only when you need them.
What is this tool?
Box Shadow Generator, görsel ve tasarım akışı için yerel bir tarayıcı aracıdır. Girdi, seçenekler ve sonuç tek sayfada kalır.
How to use it
- Girdiyi yapıştır
İşlenecek değeri giriş alanına yaz veya yapıştır.
- Seçenekleri ayarla
box shadow, CSS shadow, elevation ile eşleşen modu, biçimi veya birimi seç.
- Sonucu kontrol et
Aracı çalıştır ve sonucu kontrol ettikten sonra kopyala veya indir.
Examples
Box Shadow Generator örneği
- Input
- Örnek girdi
- Output
- Tarayıcıda kontrol edilmiş çıktı.
Practical tips
- Büyük içerikte küçük bir örnekle başla.
- Reklamlar ana kontrollerin ve sonuç alanlarının dışında kalır.
FAQ
Box Shadow Generator için hangi girdiyi kullanmalıyım?
Görünen göreve uygun değerleri kullan ve çalıştırmadan önce seçenekleri ayarla.
Box Shadow Generator sonucunu kopyalayabilir miyim?
Evet. Sonucu kontrol et, sonra kopyala veya indir.
Box Shadow Generator mobilde çalışır mı?
Evet. Girdi, seçenekler ve sonuç küçük ekranlarda düzenli şekilde dizilir.
Girdim sunucuya gönderilir mi?
Hayır. Araç girdiyi tarayıcıda işlemek için tasarlanmıştır.