آسانی سے خوبصورت CSS ٹیکسٹ گریڈینٹ بنائیں

اپنی ویب سائٹ کے لیے شاندار گریڈینٹ ٹیکسٹ ایفیکٹس بنائیں

گریڈینٹ کنٹرولز

CSS گریڈینٹ ٹیکسٹ
.gradient-text { background: linear-gradient(to right, #4F46E5, #EC4899); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

مقبول گریڈیئنٹس

Sunset
linear-gradient(to right, #FF512F, #F09819)
Magic
linear-gradient(to right, #4158D0, #C850C0, #FFCC70)
Ocean
linear-gradient(to right, #0093E9, #80D0C7)
Electric
linear-gradient(to right, #30CFD0, #330867)
فروٹ سلاد
linear-gradient(to right, #FA709A, #FEE140)
Neon Glow
linear-gradient(to right, #00DBDE, #FC00FF)

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

1

اپنا متن درج کریں۔

"ٹیکسٹ" ان پٹ فیلڈ میں وہ متن ٹائپ کریں جس پر آپ گریڈینٹ لگانا چاہتے ہیں۔

2

گریڈینٹ کی قسم کا انتخاب کریں۔

لکیری، شعاعی، یا مخروطی میلان کی اقسام کے درمیان انتخاب کریں۔

3

سمت یا زاویہ کو ایڈجسٹ کریں۔

لکیری میلان کے لیے، ایک سمت کا انتخاب کریں۔ مخروطی میلان کے لیے، زاویہ سیٹ کریں۔

4

رنگوں کو اپنی مرضی کے مطابق بنائیں

اپنا مطلوبہ میلان بنانے کے لیے کلر اسٹاپس اور ان کی پوزیشنیں شامل کریں، ہٹائیں یا ایڈجسٹ کریں۔

5

سی ایس ایس کو کاپی یا محفوظ کریں۔

تیار کردہ CSS کوڈ کو کاپی کریں یا اپنے پروجیکٹس میں استعمال کرنے کے لیے اسے بطور CSS فائل محفوظ کریں۔

ٹیکسٹ گریڈیئنٹس کے بارے میں

CSS ٹیکسٹ گریڈینٹ آپ کو متن پر براہ راست خوبصورت، کثیر رنگوں والے گریڈینٹ لگانے کی اجازت دیتے ہیں۔ یہ اثر صرف تصاویر کے ساتھ ہی ممکن تھا، لیکن جدید سی ایس ایس اسے آسان اور موثر بناتا ہے۔

براؤزر سپورٹ:کروم، فائر فاکس، سفاری، اور ایج سمیت تمام جدید براؤزرز میں ٹیکسٹ گریڈینٹ کی حمایت کی جاتی ہے۔ انٹرنیٹ ایکسپلورر جیسے پرانے براؤزرز کے لیے، متن ایک ٹھوس رنگ میں واپس آجائے گا۔

استعمال کی تجاویز:ٹیکسٹ گریڈینٹ بولڈ ٹیکسٹ اور ہائی کنٹراسٹ رنگوں کے امتزاج کے ساتھ بہترین کام کرتے ہیں۔ مطلوبہ اثر حاصل کرنے کے لیے مختلف تدریجی اقسام اور سمتوں کے ساتھ تجربہ کریں۔

Related Tools