سی ایس ایس گریڈینٹ جنریٹر

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

CSS Gradient Generator

Live

Type

Angle135°

Stop 1

Stop 2

Third color stopStop 3

CSS output

background: linear-gradient(135deg, #c026d3 0%, #fb923c 50%, #f43f5e 100%);

Key capabilities

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

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

تدریجی قسم اور زاویہ یا پوزیشن کا انتخاب کریں۔
رنگ اسٹاپس کو شامل کریں یا ترمیم کریں۔
تیار کردہ سی ایس ایس کو کاپی کریں۔

How this tool works

تدریجی قسم اور زاویہ یا پوزیشن کا انتخاب کریں۔
رنگ اسٹاپس کو شامل کریں یا ترمیم کریں۔
تیار کردہ سی ایس ایس کو کاپی کریں۔

Recommended settings

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

Supported formats

Text / on-page input

File size and limits

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

Privacy

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

Common use cases

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

Troubleshooting

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

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

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

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

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

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

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