بهترین آزاد مولد سایۀ جعبه CSS
ساخت بصری CSS box-shadow با پیشنمایش زنده، insert و یک لایه دوم - کد را کپی کنید.
صد در صد آزاد
ثبت نام نشده
بدون نشان آبی
✨
Go Pro برای بهترین مدل‌های هوش مصنوعی - تصویر، ویدئوی و چت - به علاوه آپلودهای بزرگتر، اولویت در صف و بدون انتظار.
ارتقا به Pro
عشق Best.Free? به اشتراک بذار
چطور کار ميکنه
- حرکت لغزانه‌ها. تنظیم افکت، ابهام، گسترش، رنگ و شفافیت. اگر سایه داخلی می‌خواهید ، درون‌بندی را روشن یا خاموش کنید.
- پیشنمایش را ببینید. جعبه زنده هنگام کشیدن به روز میشود؛ لایه دوم را در گزینههای پیشرفته برای عمق اضافه کنید.
- رونوشت CSS. CSS را کپی کنید و قانون سایه جعبه را مستقیماً به صفحه سبک خود بچسبانید.
در مورد این ابزار
یک سایه جعبه را بدون حدس زدن مقادیر پیکسل طراحی کنید. لغزانه‌های افکت X ، افکت Y ، تار و پود و گسترش را بکشید ، رنگ سایه را انتخاب کنید و در شفافیت آن تنظیم کنید ، و یک پیشنمایش زنده جعبه را در زمان واقعی مشاهده کنید - سپس CSS دقیق سایه جعبه را رونوشت کنید. برای سایه داخلی ، کلید جایگزینی را عوض کنید. گزینههای پیشرفته لایۀ سایه دوم را روی هم قرار می‌دهند ، بنابراین می‌توانید سایه‌های نرم و چند لایه‌ای را که در کارت‌ها و دکمه‌های مدرن استفاده می‌شوند ، بسازید. همه چیز در مرورگر شما اجرا میشود.
مردم براي چي ازش استفاده ميکنن
- افزودن سایۀ نرم به کارت‌ها و حالت‌ها
- ایجاد سایۀ داخلی) داخل (برای ورودیها و چاه‌های
- روی هم گذاشتن دو لایه برای سایه پراکنده واقعی
- تنظیم افکت و تارنما برای مطابقت با یک طرح اولیه
پرسش‌های متداول
افکت-X/Y سایه را به صورت افقی و عمودی حرکت میدهد، تار شدن لبههای آن را نرم میکند و گسترش، تمام سایه را قبل از اعمال تار شدن، بزرگ یا کوچک میکند. پیشنمایش زنده هر تغییر را بلافاصله نشان میدهد.
Inset سایه را در داخل عنصر به جای پشت آن میکشد ، که ظاهری فشاری میدهد - برای ورودی و تغییر حالت مفید است. تغییر حالت Inset را برای تغییر حالت عوض کنید.
یک رنگ را انتخاب کنید، سپس از لغزندهٔ شفافیت استفاده کنید؛ ابزار مقدار rgba() را خروجی میکند تا سایه به‌طور طبیعی مخلوط شود.
بله. گزینههای پیشرفته را باز کنید تا لایهی سایه دوم با افکت، ابهام، رنگ و درونگذاری خود را فعال کنید.
نه. مولد کاملاً در مرورگر شما اجرا میشود؛ اسلایدرها فقط یک رشته CSS را محلی محاسبه میکنند.
کاملاً رایگان، بدون حساب و بدون محدودیت - یک ابزار جانبی مشتری بدون هیچ اندازه‌گیری.
بله. این در مرورگر شما اجرا میشود، بنابراین تولید کننده سایه جعبه سیاساس بر روی تلفنها و تبلتها و همچنین روی دسکتاپ کار میکند - هیچ برنامهای برای نصب وجود ندارد.
معمولاً فقط چند ثانیه برای یک فایل معمولی - CSS Box Shadow Generator شروع به کار میکند در لحظه ای که شما ورودی خود را به آن بدهید.
استفادهٔ تصادفی، بدون محدودیت است، تحت یک پوشش سخاوتمندانه از استفادهٔ منصفانه که برای همه سریع است.
تمام مرورگرهای مدرن - کروم، سافاری، فایرفاکس و Edge. CSS Box Shadow Generator نیازی به نصب چیزی جز مرورگر شما ندارد.