CSS گریڈیئنٹ جنریٹر
متعدد رنگ کے اسٹاپس کے ساتھ لکیری، ریڈیئل اور کونک CSS گریڈیئنٹس بنائیں اور کوڈ کاپی کریں۔
background: —;
سب کچھ آپ کے براؤزر میں چلتا ہے — کوئی اپ لوڈ نہیں، کوئی سائن اپ نہیں۔
CSS گریڈیئنٹ جنریٹر کے بارے میں
CSS گریڈینٹ جنریٹر مکمل بصری کنٹرول کے ساتھ linear، radial اور conic گریڈینٹس بناتا ہے۔ گریڈینٹ بار پر کلک کر کے کلر اسٹاپس شامل کریں، انہیں گھسیٹ کر منتقل کریں، اور ہر اسٹاپ کو اس کا اپنا رنگ، اوپیسٹی اور پوزیشن دیں۔ Linear گریڈینٹس کو ایک زاویہ کنٹرول ملتا ہے؛ radial کو ایک شکل (circle یا ellipse) اور پوزیشن؛ conic کو ایک ابتدائی زاویہ۔
لائیو پیش منظر بالکل وہی دکھاتا ہے جو براؤزر رینڈر کرے گا، اور ایک randomize بٹن نیز منتخب پری سیٹس کا ایک مجموعہ موجود ہے جب آپ کو خالی کینوس کے بجائے کوئی نقطہ آغاز چاہیے۔ اسٹاپس آزادانہ طور پر شامل اور ہٹائے جا سکتے ہیں — کسی گریڈینٹ کو صرف کم از کم دو کی ضرورت ہوتی ہے۔
جب یہ درست نظر آئے تو خالی گریڈینٹ ویلیو یا مکمل CSS رول کاپی کریں۔ یہ جنریٹر مکمل طور پر آپ کے براؤزر میں چلتا ہے، بغیر اپ لوڈ اور بغیر سائن اپ کے، جو اسے بٹنوں، ہیرو پس مناظر، بارڈرز اور ٹیکسٹ اثرات کے لیے ایک تیز رفتار ساتھی بناتا ہے۔
CSS گریڈیئنٹ جنریٹر استعمال کرنے کا طریقہ
- گریڈینٹ کی قسم منتخب کریں: linear، radial یا conic۔
- زاویہ سیٹ کریں (linear کے لیے)، شکل اور پوزیشن (radial کے لیے)، یا ابتدائی زاویہ (conic کے لیے)۔
- کلر اسٹاپس شامل کرنے کے لیے گریڈینٹ بار پر کلک کریں اور انہیں پوزیشن میں گھسیٹیں۔
- ہر اسٹاپ کو اس کا رنگ، اوپیسٹی اور درست پوزیشن دیں۔
- فوری تحریک کے لیے پری سیٹس یا randomize بٹن آزمائیں۔
- گریڈینٹ ویلیو یا مکمل CSS رول کاپی کریں۔