CSS
اندازه و فاصله
پیشفرض:
none
ارثبری نمیشود
box-shadow
سایه دور عنصر با جابهجایی، بلور و رنگ؛ سایه لطیف برای عمق کارتها و سایه رنگی برای دکمههای گرادیان از الگوهای رایج طراحی مدرن است.
سینتکس
box-shadow: <offset-x> <offset-y> <blur> <spread> <color>;مثال کاربردی
.card {
box-shadow: 0 8px 24px rgb(0 0 0 / .08);
}مقادیر رایج
none
بدون سایه
0 4px 12px rgb(0 0 0 / .1)
سایه لطیف
inset 0 1px 0 #fff
سایه داخلی