جعبه سایه ژنراتور
ایجاد سایه جعبه CSS
Configuración
Vista Previa
Elemento con sombra
💡Casos de uso
- ✓ Crear efectos de profundidad
- ✓ Diseñar botones con elevación
- ✓ Generar sombras para tarjetas
- ✓ Crear efectos 3D con CSS
با Box Shadow Generator جلوه های سایه زیبا را طراحی کنید. سایههای CSS سفارشی برای دکمهها، کارتها و عناصر رابط کاربری با پیشنمایش بصری و تولید کد فوری ایجاد کنید.
Key Features
افست سایه قابل تنظیم (افقی و عمودی)
کنترل های شعاع تار و پخش
رنگ سایه سفارشی با تنظیم کدورت
پشتیبانی از سایه های متعدد برای جلوه های پیچیده
پیش نمایش بصری در زمان واقعی
کد CSS را با یک کلیک کپی کنید
جعبه سایه ژنراتور
تنظیم افست
برای تنظیم افست سایه افقی و عمودی در پیکسل
از لغزنده استفاده کنید Blur و Spread را تنظیم کنید
پیکربندی شعاع تاری (نرم بودن) و شعاع گسترش (گسترش اندازه)
رنگ
رنگ سایه را انتخاب کنید و کدورت را برای افکت مورد نظر تنظیم کنید
جلوه پیش نمایش
مشاهده افکت سایه بر روی عنصر پیش نمایش در زمان واقعی
کپی و استفاده کنید
برای افزودن کد سایه باکس CSS به شیوه نامه
Use Cases
روی Copy کلیک کنید ایجاد افکت های عمق و ارتفاع بر روی دکمه ها
طراحی اجزای کارت با سایه های ظریف
افزودن افکت های شناور با سایه های پویا
ساخت طرح های لایه لایه رابط کاربری با سلسله مراتب سایه
Frequently Asked Questions
جعبه سایه برای چه استفاده می شود؟
Box-shadow جلوه های سایه را در اطراف عناصر HTML برای عمق و علاقه بصری ایجاد می کند
آیا می توانم چندین سایه ایجاد کنم؟
بله، این ابزار از چندین جعبه سایه برای جلوه های پیچیده پشتیبانی می کند
کدورت چگونه روی سایه ها تأثیر می گذارد؟
Opacity (آلفا) شفافیت سایه را از 0 (شفاف) تا 1 (مادر) کنترل می کند
آیا سایه ها با CSS سازگار هستند؟
بله، تمام مقادیر box-shadow تولید شده با مرورگرهای مدرن سازگار هستند
Tool Information
Related Tools You Might Like
رنگی ژنراتور از تصویر
استخراج رنگ های غالب از یک تصویر
RGB و Hex Converter
تبدیل فرمت های رنگی RGB و HEX
ژنراتور CSS Gradient
ایجاد گرادین های CSS با پیش نمایش
کنترل کنتراست WCAG
کنترل رنگ با توجه به استانداردهای WCAG
ژنراتور امضا دیجیتال
ایجاد امضای دیجیتال با فونت های مختلف
ژنراتور سایه
ایجاد سایه های متن CSS
محاسبه حجم Surfboard Calculator
محاسبه حجم کامل surfboard بر اساس وزن، سطح تجربه و شرایط امواج شما.
تبدیل ارتفاع موج
تبدیل بین اندازه گیری های مختلف ارتفاع امواج (ارتفاع صورت، مقیاس هاوایی، تورم اقیانوس).
دانلود Scuba Dive Planner
برنامه ریزی غواصی اسکوبا خود را با محدودیت های عمق، زمان پایین و نیازهای ایمنی انقباض.