زپتولز
ابزارها
پلنها و قیمت
پشتیبانی
ورود / ثبتنام
ابزارها
طراحی و رنگ
سایه و Glass ساز CSS
سایه و Glass ساز CSS
مرورگر
اشتراک
ابزارهای مرتبط
پالتساز رنگ
مرورگر
اشتراک
گرادیانساز CSS
مرورگر
اشتراک
تبدیل HEX / RGB / HSL
مرورگر
اشتراک
پیشنمایش فونتهای فارسی
مرورگر
اشتراک
سایه (Box shadow)
شیشهای (Glassmorphism)
لایهٔ 1
لایهٔ 2
لایه
جابهجایی افقی · ۰px
جابهجایی عمودی · ۱۲px
محوشدگی · ۳۲px
گسترش · −۸px
رنگ
شفافیت · ۳۵%
سایهٔ داخلی (inset)
CSS
کپی
box-shadow: 0px 12px 32px -8px rgba(76, 29, 149, 0.35), 0px 2px 6px 0px rgba(0, 0, 0, 0.12);