باکس شیڈو جنریٹر

آفسیٹ، بلر، اسپریڈ اور رنگ کے ساتھ پرتوں والے باکس شیڈو ڈیزائن کریں۔ کارڈ پر پیش نظارہ کریں، پھر ایک کلک میں CSS کاپی کریں۔

Box Shadow Generator

Live

Offset X8px

Offset Y16px

Blur32px

Spread-4px

Opacity35%

Card radius24px

Shadow color

Inset

Preview card

CSS output

box-shadow: 8px 16px 32px -4px rgba(192, 38, 211, 0.35);
border-radius: 24px;

Key capabilities

آفسیٹ، بلر، اسپریڈ، اور رنگ کے ساتھ پرتوں والے باکس شیڈو ڈیزائن کریں — لائیو پیش نظارہ شامل ہے۔
آپ کے براؤزر میں چلتا ہے۔
استعمال کرنے کے لیے مفت

استعمال کا طریقہ

آفسیٹ، دھندلا، اور پھیلاؤ کو ایڈجسٹ کریں۔
رنگ اور دھندلاپن کا انتخاب کریں (یا پرتیں شامل کریں)۔
باکس شیڈو سی ایس ایس کو کاپی کریں۔

How this tool works

آفسیٹ، دھندلا، اور پھیلاؤ کو ایڈجسٹ کریں۔
رنگ اور دھندلاپن کا انتخاب کریں (یا پرتیں شامل کریں)۔
باکس شیڈو سی ایس ایس کو کاپی کریں۔

Recommended settings

پہلے پہلے سے طے شدہ اختیارات استعمال کریں، پھر ضرورت پڑنے پر ایڈجسٹ کریں۔

Supported formats

Text / on-page input

File size and limits

پرانے فونز پر بہت پیچیدہ ملٹی لیئر پیش نظارہ سست محسوس ہو سکتے ہیں۔

Privacy

کلر اور سی ایس ایس جنریٹر مکمل طور پر آپ کے براؤزر میں چلتے ہیں۔ پیش نظارہ اور تبدیلیاں کبھی بھی آپ کی طرزیں اپ لوڈ نہیں کرتی ہیں۔

Common use cases

جب بھی آپ کو ضرورت ہو باکس شیڈو جنریٹر کا استعمال کریں: آفسیٹ، بلر، اسپریڈ، اور رنگ کے ساتھ پرتوں والے باکس شیڈو ڈیزائن کریں — لائیو پیش نظارہ شامل ہے۔

Troubleshooting

پیش نظارہ پیسٹ کے بعد مختلف نظر آتا ہے۔

اپنے صفحہ پر مسابقتی سی ایس ایس کی جانچ کریں (ری سیٹ، وراثت میں ملے رنگ)۔ تیار کردہ اصول کو پہلے الگ تھلگ اسٹائل شیٹ میں کاپی کریں۔

اکثر پوچھے گئے سوالات

کیا یہ میرا CSS اپ لوڈ کرتا ہے؟

نہیں، جنریٹر اور کنورٹرز آپ کے براؤزر میں لائیو پیش نظارہ کے ساتھ چلتے ہیں۔

کیا مجھے ایک اکاؤنٹ کی ضرورت ہے؟

نہیں، ٹول کھولیں، کنٹرولز کو بہتر کریں، اور CSS کاپی کریں۔