CSS گریڈینٹ جنریٹر
بیک گراؤنڈ گریڈینٹ بصری طور پر ڈیزائن کریں اور استعمال کے لیے تیار CSS کاپی کریں۔ رنگ کے پوائنٹس کو پٹی پر گھسیٹیں، نیا پوائنٹ بنانے کے لیے پٹی پر کلک کریں، زاویہ یا مرکز بدلیں اور رنگوں کو شفاف کریں۔ کوڈ میں پرانے براؤزرز کے لیے ایک ٹھوس متبادل رنگ شامل ہوتا ہے۔
استعمال کا طریقہ
- لکیری، ریڈیل یا کونک چنیں، یا پری سیٹ یا بے ترتیب گریڈینٹ سے آغاز کریں۔
- کسی پوائنٹ پر کلک کر کے اس کا رنگ، اوپیسٹی اور مقام بدلیں؛ اسے گھسیٹیں، یا دوسرا بنانے کے لیے پٹی پر کلک کریں۔
- CSS کاپی کریں اور عنصر کے رول میں پیسٹ کر دیں۔
عمومی سوالات
لکیری، ریڈیل اور کونک گریڈینٹ میں کیا فرق ہے؟
لکیری گریڈینٹ آپ کے چنے ہوئے زاویے پر سیدھی لکیر کے ساتھ رنگ بدلتا ہے۔ ریڈیل گریڈینٹ مرکز سے دائرے یا بیضے کی شکل میں پھیلتا ہے۔ کونک گریڈینٹ مرکز کے گرد گھڑی کی سوئیوں کی طرح گھومتا ہے، جو کلر وہیل اور پائی چارٹ کے لیے مفید ہے۔
کیا CSS گریڈینٹ تمام براؤزرز میں چلتے ہیں؟
جی ہاں۔ لکیری، ریڈیل اور کونک گریڈینٹ Chrome، Edge، Firefox اور Safari کے تمام موجودہ ورژنز میں پری فکس کے بغیر چلتے ہیں۔ بیک گراؤنڈ کی پہلی لائن سادہ رنگ ہے، جو صرف بہت پرانے براؤزرز استعمال کرتے ہیں۔
دھاریاں کیسے بناؤں؟
ہر دھاری کے آغاز اور اختتام پر ایک ہی رنگ کے دو پوائنٹ رکھیں تاکہ رنگ گھلنے کے بجائے اچانک بدلے، اور Repeat آن کر دیں۔ آخری پری سیٹ اس کی مثال ہے۔
🏷️ میٹا ٹیگ جنریٹر
🖼️ اوپن گراف (Open Graph) جنریٹر
🔗 UTM لنک بلڈر
🔲 CSS باکس شیڈو (box-shadow) جنریٹر