Tasarım

CSS Kutu Gölgesi Oluşturucu

Kutu gölgelerini görsel olarak tasarla.

Nasıl Kullanılır

Bir ön ayardan veya tek katmandan başlayın, ardından derinlik için katman ekleyin. Basılı/neumorfik efektler için içe dönük (inset) seçeneğini değiştirin. Virgülle ayrılmış değeri box-shadow içine kopyalayın.

SSS

Birden fazla gölgeyi üst üste koyabilir miyim?

Evet — yumuşak bir ortam gölgesini belirgin bir temas gölgesiyle birleştirmek veya renkli parlamaları üst üste koymak için katmanlar ekleyin. Her katmanın kendi ofseti, bulanıklığı, yayılımı, rengi ve inset anahtarı vardır.

Hazır ayarlar ne yapar?

Tek tıklamalı başlangıç noktaları: Stripe tarzı kart yükseltisi, kabarık veya basık nöomorfizm, Material derinliği ve yumuşak bir parlama — uyguladıktan sonra kaydırıcıları ayarlayın.

Çıktıyı nasıl kullanırım?

box-shadow satırını CSS'nize kopyalayın. Birden fazla katman, tarayıcıların beklediği şekilde virgülle ayrılır.

Son güncellenme: