Küçük işler, daha kolay. MiniKit şimdi yayında.Keşfet

CSS kutu gölgesi oluşturucu

Kutu gölgesini ayarla, önizle ve CSS kodunu yerel olarak kopyala.

Nasıl kullanılır

  1. Yatay kaydırma (px)
  2. Bulanıklık yarıçapı (px)
  3. Gölge oluştur

Tek kutu gölgesi için kopyalanabilir CSS bildirimi

Yatay ve dikey kaydırma ile yayılmayı −100–100 px, bulanıklık yarıçapını 0–200 px ve opaklığı %0–100 arasında tam sayı olarak gir. Sınır dışı ve kesirli değerler otomatik düzeltilmez; reddedilir. Pozitif yatay/dikey kaydırma gölgeyi sağa/aşağı taşır; negatif yayılma gölgeyi küçültür. Opaklık saydamlık yüzdesi değildir: %0 görünmez, %100 tamamen opaktır ve CSS rgba alfa değerine çevrilir. Rengi #RGB veya #RRGGBB olarak yaz; ham renk girdisi boşluklar kırpılmadan önce en fazla 32 karakterdir. HEX harflerinin boyutu fark etmez; #AbC, #aabbcc olarak normalleştirilir. Alfa içeren HEX desteklenmez; alfa opaklık alanından gelir. İç gölge seçili değilse dış gölge, seçiliyse inset iç gölge oluşur. Yalnız tek box-shadow üretilir; çoklu gölge, serbest CSS, text-shadow ve görsel indirme yoktur. Önizleme çerçevesi büyük gölgeleri kırpar; üretilen CSS kırpılmaz ve kullanıldığı öğenin dışına taşabilir. Gölge oluştur’a bastıktan sonra tam box-shadow bildirimini kopyalayıp bir CSS kuralının içine yapıştır. Her alan değişikliği eski çıktıyı ve kopyalamayı geçersiz kılıp örnek öğenin gölgesini kaldırır. Temizle çıktıyı siler ve gölgesiz önizlemeyle varsayılanlara döner: 0/8/24/0 px, #000000, %20 opaklık, dış gölge. İşlem tarayıcıda yereldir; ayarlar veya CSS sunucuya gönderilmez.

Araçları keşfet
Anında çalışır
Gizlilik önce gelir
Ücretsiz ve kolay
Her hafta yeni araçlar
✳ARAÇ KUTUN

İşini gören araçlar.
Gereksiz kalabalık yok.

97 araç hazır
ÜCRETSİZ

CSS kutu gölgesi oluşturucu

Kutu gölgesini ayarla, önizle ve CSS kodunu yerel olarak kopyala.

Tam sayılar: kaydırma/yayılma −100–100 px, bulanıklık 0–200 px, opaklık %0–100. HEX #RGB/#RRGGBB renkler. Büyük gölgeler önizleme çerçevesinde kırpılır.

Gölge önizlemesi

Metnin cihazından çıkmaz
Araçları keşfet
✳DAHA AZ UĞRAŞ, DAHA ÇOK İŞ

Araç aramaya
değil, işine odaklan.

Her küçük iş için başka bir siteye gitmen gerekmiyor. MiniKit, en sık kullandığın pratik araçları temiz ve anlaşılır bir yerde toplar.

Araçları keşfet
01

Gerçekten hızlı

Aç, yap, bitir. İndirme yok, kayıt formu yok, beklemek yok.

02

Önce gizlilik

Dosyaların ve metnin cihazından ayrılmaz. Verilerini saklamayız.

03

Herkes için basit

Kafa karıştıran menüler yok. Aradığın şey, tam da olması gereken yerde.

TASARLANDIĞI GİBİ GİZLİ

Dosyaların bize
uğramadan işini görür.

Görsellerin, metnin, QR içeriklerin ve hesaplamaların tarayıcında işlenir. Barındırma, yerel depolama ve güncel reklam durumu için gizlilik politikamızı okuyabilirsin.

GİZLİLİK ÖNCE GELİR
✳

Bir sonraki küçük işin
daha kolay olsun.

İlk aracını hemen dene. Ücretsiz, hesapsız, zahmetsiz.

Hadi başlayalım
✳

Örnek

0px · 8px · 24px · 0px · #000000 · 20%
box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.2);

Sık sorulan sorular

Girdim sunucuya gönderiliyor mu?

Görsellerin, metnin, QR içeriklerin ve hesaplamaların tarayıcında işlenir. Barındırma, yerel depolama ve güncel reklam durumu için gizlilik politikamızı okuyabilirsin.

Bu araç ücretsiz mi?

Hesap gerekmez · Hep ücretsiz