a11y.skipToMainContent
1

Box Shadow Jeneratör

CSS kutusu-görüntü oluşturabilir - ayar dengeleme, bulanık, yay, renk, opaklık ve canlı önizleme ile başlangıç.

px
px
px
px
%

Preview

CSS

Was this tool helpful?
Send output to:
Advertisement

How to use Box Shadow Generator

  1. X/Y dengelemesi için kaydırıcıları ayarlayın, bulanık, yay, renk, opaklık.
  2. İç gölgeler için baştan çıkmak.
  3. CSS'yi kopyalayın.

What is Box Shadow Jeneratör?

Sliders for every property of the box- gölge CSS spec. Bir önizleme kartı tam olarak gölgenizin neye benzediğini gösterir. Yapdığınızda tek satır CSS'yi kopyalayın.

Advertisement

FAQ

Ne yayılır?
Olumlu gölgenin boyutunu bulanıklaştırmadan önce büyür; negatif onu azaltır. Temiz yönsel gölgeler için dengeleme ile negatif yayılır.
Birden fazla kutu gölge ekleyebilir miyim?
Evet. Sizin gibi birçok gölge katmanı ekleyin; kopyalayabileceğiniz tek bir komünlü kutu gölgeli CSS mülküne birleştiriliyorlar.
Enset çekbox ne yapar?
Inset, dış yerine elementin içindeki gölgeyi çizir, bileşeninizde baskı veya güneşken görsel etki yaratır.

Related tools

Author

MW
Marcus Webb"The DevTool Craftsman"

Full-Stack Developer & Tools Architect

Marcus has been writing code since the dial-up era. He has contributed to open-source developer tools, built CI/CD pipelines for startups, and debugged production incidents at 3 AM more times than he would like to admit. His philosophy is that the best developer tool is the one that gets out of your way, and he writes about practical tooling that helps teams ship faster with fewer headaches.

Advertisement