تولید کننده سایه جعبه CSS

ویژگی‌های سایه جعبه CSS را به صورت بصری تولید و پیش‌نمایش کنید.

تنظیمات سایه
برای سفارشی کردن افکت سایه، اسلایدرها را تنظیم کنید

سایه 1

از پیش تعیین شده‌ها
سبک‌های سایه از پیش تعریف شده را امتحان کنید
پیش‌نمایش
افکت سایه تولید شده را ببینید
Preview
CSS تولید شده
box-shadow: 0px 4px 6px 0px #00000040;
مرجع ویژگی سایه جعبه

توضیحات ویژگی

  • آفست X: موقعیت افقی سایه (مثبت: راست، منفی: چپ)
  • آفست Y: موقعیت عمودی سایه (مثبت: پایین، منفی: بالا)
  • تاری: شعاع تاری سایه (۰: تیز، مقادیر بزرگتر تارتر)
  • گسترش: اندازه سایه (مثبت: گسترش، منفی: کوچک شدن)
  • رنگ: رنگ سایه (HEX، RGB، RGBA و غیره)
  • داخلی: اینکه آیا سایه یک سایه داخلی است