سازنده سایه‌های CSS

سایه دلخواه خود را طراحی کنید و کد CSS آن را دریافت کنید

↕️ سایه افقی (X)20px

-100px0100px

↔️ سایه عمودی (Y)20px

-100px0100px

💨 میزان تار شدن (Blur)30px

0px50px100px

📏 اندازه سایه (Spread)5px

-50px050px

🎨 رنگ سایه

#000000

🔮 شفافیت سایه30%

0%50%100%

🔘 سایه داخلی (Inset)

سایه را به داخل المنت منتقل می‌کند

🟦 رنگ المنت

#3b82f6

box-shadow: 20px 20px 30px 5px rgba(0, 0, 0, 0.3);

با تغییر پارامترها می‌توانید سایه‌های حرفه‌ای و جذاب ایجاد کنید