Handytool
توسعه‌دهندهرایگانبه‌صورت محلی اجرا می‌شود

مولد Box Shadow

سایه‌های جعبه CSS را به آسانی ایجاد و تجسم کنید - با پیش‌نمایش فوری و کد آماده.

Preview
CSS
box-shadow: 0px 8px 24px -4px rgba(10, 10, 10, 0.18);

Adjust the sliders to design the shadow — copy the CSS when it looks right.

درباره مولد Box Shadow

مولد Box Shadow از Handytool.

ویژگی‌های مولد Box Shadow

  • 01

    ویرایشگر تعاملی

    جابه‌جایی، تاری، پخش و رنگ را تنظیم کنید.

  • 02

    پیش‌نمایش فوری

    سایه را مستقیماً تغییر دهنده ببینید.

  • 03

    کپی CSS

    کد CSS آماده دریافت کنید.

سؤالات متداول درباره مولد Box Shadow

Box Shadow چیست؟
اثر بصری که سایه‌های اطراف جعبه ایجاد می‌کند.
آیا در تمام مرورگرها کار می‌کند؟
بله، در تمام مرورگرهای مدرن کار می‌کند.
آیا می‌توانم سایه‌های متعدد ایجاد کنم؟
بله، می‌توانید چندین سایه را با هم اضافه کنید.
کد را چگونه کپی کنم؟
برای کپی کد کامل بر دکمه کپی کلیک کنید.
معنای هر پارامتر چیست؟
جابه‌جایی X/Y، تاری، پخش و رنگ.

ابزارهای مرتبط

توسعه‌دهنده →

کاوش در ابزارهای دیگر

همه ابزارها →