🌅CSS گریڈیئنٹ جنریٹر

linear، radial اور conic میں فرق

CSS کے گریڈیئنٹ میں رنگ کی تبدیلی کے طریقے میں فرق والے 3 فنکشن ہیں، اور سب کو background خصوصیت میں لکھ کر استعمال کریں۔

• linear-gradient：linear-gradient متعین کردہ زاویے کی سیدھی لکیر کے ساتھ رنگ تبدیل ہوتے ہوئے لکیری گریڈیئنٹ ہے۔
• radial-gradient：radial-gradient مرکزی مقام سے باہر کی طرف سرکل یا بیضوی شکل میں رنگ پھیلتے ہوئے سرکلر گریڈیئنٹ ہے۔
• conic-gradient：conic-gradient مرکزی مقام کے ارد گرد گھڑی کی سمت میں ایک چکر لگاتے ہوئے رنگ تبدیل ہوتے ہوئے شنک شکل کا گریڈیئنٹ ہے۔

زاویہ اور سمت کے الفاظ کا تعلق

linear-gradient کا زاویہ 0deg نیچے سے اوپر کی طرف ہوتا ہے، اور تعداد بڑھنے سے گھڑی کی سمت میں گھومتا ہے۔ زاویہ 'to right' جیسے سمت کے الفاظ سے بھی لکھا جا سکتا ہے، 90deg 'to right' کے برابر ہے، 180deg 'to bottom' کے برابر سمت ہے۔

رنگ کی روک تھام کا نقطہ اور شفافیت لکھنے کا طریقہ

رنگ کی روک تھام کا نقطہ (کالر سٹاپ) گریڈیئنٹ میں وہ مقام ہے جہاں وہ رنگ ہوتا ہے، 0% شروعات کا نقطہ ہے، 100% اختتام کا نقطہ ہے۔ مثال کے طور پر '#3B82F6 0%, #8B5CF6 100%' شروعات کے نیلے سے اختتام کے جامنی رنگ میں تبدیل ہونے کی وضاحت ہے۔

• #RRGGBB کی شکل：#RRGGBB کی شکل سرخ، سبز، نیلے رنگ کی طاقت کو 2 ہندسوں کے ساتھ 16 کی بنیاد میں ظاہر کرتی ہے، #FF0000 غیر شفاف سرخ رنگ ہے۔
• rgba کی شکل：rgba کی شکل سرخ، سبز، نیلے کی قیمت (0 سے 255) میں شفافیت (0 سے 1) شامل کرتے ہوئے رنگ لکھنے کا طریقہ ہے، شفافیت 0.5 آدھا شفاف رنگ ہے۔