UTILS.
۱۰۰٪ در مرورگر

سازنده سایه جعبه CSS

سایه جعبه (box-shadow) را به‌صورت بصری با پیش‌نمایش زنده طراحی کنید و کد CSS را کپی کنید.

درباره این ابزار

با کشیدن اسلایدرهای آفست، بلور، گسترش، رنگ و شفافیت، یک box-shadow در CSS را به‌صورت بصری بسازید و سپس قانون آماده‌ی استفاده را کپی کنید. همه‌چیز به‌صورت زنده به‌روزرسانی می‌شود و کاملاً در مرورگر شما اجرا می‌گردد.

پرسش‌های پرتکرار

مقدار گسترش (spread) چه کاری انجام می‌دهد؟
گسترش، سایه را پیش از اعمال هر بلوری بزرگ‌تر (مقدار مثبت) یا کوچک‌تر (مقدار منفی) می‌کند و آن را نسبت به عنصر پهن‌تر یا جمع‌تر می‌سازد.
سایه‌ی داخلی (inset) چیست؟
حالت inset سایه را به‌جای بیرون، درون عنصر ترسیم می‌کند که برای دکمه‌های فشرده‌شده یا درخشش داخلی کاربردی است.

ابزارهای بیشتر