27 سجیلا سی ایس ایس پس منظر گریڈینٹ مثالیں۔

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

اس آرٹیکل میں ، ہم آپ کو CSS کا استعمال کرتے ہوئے مختلف پس منظر کے میلان کی مثالوں سے گزریں گے۔

CSS کا استعمال کرتے ہوئے بیک گراؤنڈ گریڈینٹس

سی ایس ایس میلان دو یا زیادہ مخصوص رنگوں کا استعمال کرتے ہوئے ہموار منتقلی دکھاتا ہے۔ سی ایس ایس میلان ایک حقیقی تصویر (میلان کی) فائل استعمال کرنے پر بہتر کنٹرول اور کارکردگی فراہم کرتا ہے۔ کی پس منظر کی تصویر سی ایس ایس پراپرٹی گریڈینٹس کو بیک گراؤنڈ قرار دینے کے لیے استعمال ہوتی ہے۔

سٹینلیس سٹیل یا ایلومینیم سیب گھڑی۔

میلان کی تین اقسام ہیں: لکیری (کے ساتھ بنایا گیا ہے۔ لکیری میلان () فنکشن) ، شعاعی (کے ساتھ بنایا گیا۔ شعاعی میلان () فنکشن) ، اور شنک (کے ساتھ بنایا گیا ہے۔ شنک-میلان () فنکشن). نیز ، آپ کے ساتھ دہرانے والے میلان بنا سکتے ہیں۔ دہرانے والا لکیری میلان () ، ریپیٹنگ ریڈیل گریڈینٹ () ، اور دہرانے والا-کونک-میلان () افعال.

MDN Docs ان افعال کی وضاحت کرتا ہے:

لکیری میلان () : لکیری-میلان () سی ایس ایس فنکشن ایک ایسی تصویر بناتا ہے جس میں ایک سیدھی لکیر کے ساتھ دو یا زیادہ رنگوں کے درمیان ترقی پسند منتقلی ہوتی ہے۔ اس کا نتیجہ ایک چیز ہے۔ ڈیٹا کی قسم ، جو ایک خاص قسم کی ہے۔ .

شعاعی میلان () : شعاعی میلان () سی ایس ایس فنکشن ایک ایسی تصویر بناتا ہے جس میں دو یا زیادہ رنگوں کے درمیان ایک ترقی پسند منتقلی ہوتی ہے جو کہ اصل سے نکلتی ہے۔ اس کی شکل دائرے یا بیضوی شکل کی ہو سکتی ہے۔ فنکشن کا نتیجہ ایک چیز ہے۔ ڈیٹا کی قسم ، جو ایک خاص قسم کی ہے۔ .

شنک-میلان () : شنک-میلان () سی ایس ایس فنکشن ایک ایسی تصویر بناتا ہے جس میں ایک میلان ہوتا ہے جس میں رنگین ٹرانزیشن ہوتی ہے جو مرکز کے نقطہ کے گرد گھومتی ہے (بجائے مرکز سے پھیلنے کے)۔ مثال کے مخروطی میلان میں پائی چارٹ اور رنگین پہیے شامل ہیں۔ کا نتیجہ۔ شنک-میلان () فنکشن کی ایک شے ہے۔ ڈیٹا کی قسم ، جو ایک خاص قسم کی ہے۔ .

دہرانے والا لکیری میلان () : دہرانے والا لکیری میلان () سی ایس ایس فنکشن ایک ایسی تصویر بناتا ہے جس میں لکیری میلان کو دہرانا ہوتا ہے۔ یہ gradient/linear-gradient () سے ملتا جلتا ہے اور ایک ہی دلائل لیتا ہے ، لیکن یہ دہراتا ہے کہ رنگ تمام سمتوں میں لامتناہی طور پر رک جاتا ہے تاکہ اس کے پورے کنٹینر کو ڈھانپ سکے۔ فنکشن کا نتیجہ ایک چیز ہے۔ ڈیٹا کی قسم ، جو ایک خاص قسم کی ہے۔ .

ریپیٹنگ ریڈیل گریڈینٹ () : ریپیٹنگ ریڈیل گریڈینٹ () سی ایس ایس فنکشن ایک ایسی تصویر تخلیق کرتا ہے جس میں ریپیٹنگ گریڈیئنٹس ہوتے ہیں جو اصل سے نکلتے ہیں۔ یہ gradient/radial-gradient () سے ملتا جلتا ہے اور ایک ہی دلائل لیتا ہے ، لیکن یہ دہراتا ہے کہ رنگ تمام سمتوں میں لامتناہی طور پر رک جاتا ہے تاکہ اس کے پورے کنٹینر کا احاطہ کریں ، جیسا کہ میلان/دہرانے والے لکیری-میلان ()۔ فنکشن کا نتیجہ ایک چیز ہے۔ ڈیٹا کی قسم ، جو ایک خاص قسم کی ہے۔ .

دہرانے والا-کونک-میلان () : دہرانے والا-کونک-میلان () سی ایس ایس فنکشن ایک ایسی تصویر بناتا ہے جس میں ایک دہرانے والا میلان (بجائے ایک سنگل میلان) ایک رنگ کے ٹرانزیشن کے ساتھ ایک مرکزی نقطہ کے گرد گھومتا ہے (مرکز سے پھیلنے کے بجائے)۔

یہاں ہر قسم کے میلان کا سرکاری نحو ہے۔

لکیری گریڈینٹس کا آفیشل نحو۔

linear-gradient(  
 [ | to ]? ,  
  
)  
 = [to left | to right] || [to top | to bottom]

ریڈیل گریڈینٹس کا آفیشل نحو۔

radial-gradient(  
 [ || ]? [ at ]? ,  
  
);