سی ایس ایس ٹیکسٹ سائے کا استعمال کیسے کریں: 11 چالیں اور مثالیں۔

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

اس آرٹیکل میں ، ہم آپ کو مختلف کے ذریعے چلیں گے۔ ٹیکسٹ سایہ سی ایس ایس کے استعمال کی مثالیں

سی ایس ایس کا استعمال کرتے ہوئے ٹیکسٹ شیڈو۔

کی ٹیکسٹ سایہ سی ایس ایس پراپرٹی متن میں سائے اور تہوں کا اضافہ کرتی ہے۔ متن میں ٹیکسٹ شیڈو شامل کرنے سے آپ کی ایپ کے متن کی بصری اپیل میں اضافہ ، نمایاں یا اضافہ ہوسکتا ہے۔ یہ سی ایس ایس پراپرٹی متن پر لاگو کرنے کے لیے سائے کی کوما سے الگ کردہ فہرست کو قبول کرتی ہے۔

ٹیکسٹ شیڈو سی ایس ایس پراپرٹی کے نحو۔

/* You can use 4 arguments with the text-shadow CSS property:  
 offset-x, offset-y, blur-radius, and color */  
/* offset-x | offset-y | blur-radius | color */  
text-shadow: 2px 2px 4px red;  
/* color | offset-x | offset-y | blur-radius */  
text-shadow: #18fa3e 1px 2px 10px;

/* The color and blur-radius arguments are optional,  
 if you want, you can remove them. Default values of  
 color and blur-radius would be considered */  
text-shadow: 10px 20px;

/* You can use color argument before or after  
 the offset-x and offset-y arguments */  
text-shadow: 10px 10px blue;  
text-shadow: blue 10px 10px;

/* The text-shadow CSS property also supports Global values */  
text-shadow: inherit;  
text-shadow: initial;  
text-shadow: revert;  
text-shadow: unset;

متعلقہ: ایچ ٹی ایم ایل ، سی ایس ایس ، اور جاوا اسکرپٹ میں نیومورفک ڈیزائن کے اجزاء۔

توشیبا لیپ ٹاپ بلیک سکرین کرسر کے ساتھ۔

MDN ویب دستاویزات ان اقدار کی وضاحت کریں:

: اختیاری. سائے کا رنگ۔ اسے آفسیٹ اقدار سے پہلے یا بعد میں بیان کیا جا سکتا ہے۔ اگر غیر متعین ہے تو ، رنگ کی قیمت صارف کے ایجنٹ پر چھوڑ دی جاتی ہے ، لہذا جب براؤزرز میں مستقل مزاجی مطلوب ہو تو آپ کو اس کی واضح وضاحت کرنی چاہیے۔

: ضرورت ہے۔ یہ اقدار متن سے سائے کی دوری کی وضاحت کرتی ہیں۔ افقی فاصلے کی وضاحت کرتا ہے منفی قدر متن کے بائیں طرف سائے رکھتی ہے۔ عمودی فاصلے کی وضاحت کرتا ہے منفی قدر متن کے اوپر سائے رکھتی ہے۔ اگر دونوں اقدار 0 ہیں تو ، سائے کو براہ راست متن کے پیچھے رکھا جاتا ہے ، حالانکہ یہ جزوی طور پر نظر آنے کے اثر کی وجہ سے ہوسکتا ہے۔ .

: اختیاری. یہ ایک قدر. قدر جتنی زیادہ ہوگی ، دھندلاپن اتنا ہی بڑا ہوگا۔ سایہ وسیع اور ہلکا ہو جاتا ہے۔ اگر وضاحت نہیں کی گئی ہے تو ، یہ 0 پر پہلے سے طے شدہ ہے۔

یہاں کچھ خوفناک ہیں۔ ٹیکسٹ سایہ ایسی مثالیں جو آپ کی ویب سائٹ کے UI کو اگلے درجے تک بڑھا سکتی ہیں۔ اپنی CSS فائل میں مذکورہ فونٹس کو درآمد کرنا یقینی بنائیں۔ گوگل فونٹس۔ .