Renk dönüştürücü
Saydamlıkla birlikte HEX, RGB ve HSL dönüştürün, renk örneğini görün ve CSS değerlerini kopyalayın.
CSS gölge oluşturucu
Dış veya iç gölge için kaydırma, bulanıklık, yayılma, renk ve opaklığı ayarlayıp CSS oluşturun.
Önizleme
Araç hakkında
Kart derinliğini ayarlarken bulanıklık ve yayılmayı ayrı değerlendirin. Negatif yayılma gölge sınırını küçültür.
Nasıl kullanılır
Ayarları değiştirerek önizlemeyi izleyin. İç gölge seçeneği inset ekler. Kaydırma ve yayılma negatif olabilir, bulanıklık olamaz. Boyutlar -200 ile 200 px, bulanıklık 0 ile 200 px arasındadır. Kopyalanabilir veya indirilebilir tek bir box-shadow katmanı oluşturulur.
Sık sorulan sorular
Bulanıklık ve yayılma yarıçapları nasıl farklıdır?
Bulanıklık kenarı yumuşatır, yayılma sınırı büyütür veya küçültür. inset iç gölge oluşturur. Araç bir katman üretir; çoklu gölgeleri sonra CSS içinde birleştirebilirsiniz.
Gölgeyi sola veya yukarı nasıl taşırım?
Yatay uzaklığı negatif yaparsanız sola, dikey uzaklığı negatif yaparsanız yukarı kayar; pozitif değerler sağa ve aşağı kaydırır. box-shadow öğenin kutusunu izler, görseldeki saydam olmayan piksellerin dış çizgisini değil.
İlgili araçlar
Yeni sekmede açılır
Yorumlar
0