CSS باکس شیڈو جنریٹر
CSS باکس شیڈو بنائیں
آپ کے براؤزر میں چلتا ہے · کوئی اپ لوڈ نہیں
یہ ٹول اور اس صفحے کی ہدایات فی الحال انگریزی میں ہیں۔ یہ اسی طرح کام کرتا ہے: سب کچھ آپ کے براؤزر میں چلتا ہے۔
Shadow layers
Box and background
Ready-made
یہ ٹول چلانے کے لیے آپ کا براؤزر بہت پرانا ہے۔ براہ کرم اسے اپ ڈیٹ کریں، یا Chrome، Edge، Firefox یا Safari کا موجودہ ورژن استعمال کریں۔
- کچھ بھی آپ کا ڈیوائس نہیں چھوڑتا
- سرور کی طرف سے سائز کی کوئی حد نہیں
- سائن اپ نہیں، واٹر مارک نہیں
- مفت
How to make a box shadow
- Start from a ready-made shadow, or adjust the sliders.
- Add layers: a tight shadow plus a wide, soft one looks most natural.
- Copy the CSS.
Tips
- Low opacity (8 to 20%) and a negative spread give soft, modern shadows.
- Inset shadows look pressed in, for inputs and toggles.
- Change the box and background colors to see the shadow on your own design.
اکثر پوچھے جانے والے سوالات
Does box-shadow slow down a page?
Rarely. Very large blurs on many moving elements can, so keep animated shadows simple.
Is anything uploaded?
No. The preview is drawn by your browser.