سی ایس ایس مظلم اثر

کافی
Shadows

سی ایس ایس کا استعمال کرکے مظلم اثر بنائیں!

مجھ پر چلاؤ!

سی ایس ایس مظلم اثر

سی ایس ایس کا استعمال کرکے آپ خط اور عناصر پر مظلم دکھا سکتے ہیں۔

اپنے تعلیمی میں آپ جیسے اعداد جو دیکھیں گے:

  • text-shadow
  • box-shadow

سی ایس ایس خط مظلم

سی ایس ایس text-shadow اینٹری آپ کو خط میں مظلم دکھا دیا گیا ہے۔

سادہ ترین استعمال یہ ہے کہ صرف افقی مظلم (2px) اور عمودی مظلم (2px) کو طے کریں:

اثر سایه نوشتار!

مثال

h1 {
  text-shadow: 2px 2px;
{}

به طور مستقیم امتحان کنید

آگے، مظلم میں رنگ دکھا دیا گیا ہے:

اثر سایه نوشتار!

مثال

h1 {
  text-shadow: 2px 2px red;
{}

به طور مستقیم امتحان کنید

بعد ازاں، مظلم میں تار کا اثر دکھا دیا گیا ہے:

اثر سایه نوشتار!

مثال

h1 {
  text-shadow: 2px 2px 5px red;
{}

به طور مستقیم امتحان کنید

ایک مثال دکھا دیا گیا ہے جس میں سورج کا چمکتار مظلم کا اضافہ کیا گیا ہے:

اثر سایه نوشتار!

مثال

h1 {
  color: white;
  text-shadow: 2px 2px 4px #000000;
{}

به طور مستقیم امتحان کنید

ایک مثال دکھا دیا گیا ہے جس میں قرمز کا نئونی چمکتار مظلم دکھایا گیا ہے:

اثر سایه نوشتار!

مثال

h1 {
  text-shadow: 0 0 3px #FF0000;
{}

به طور مستقیم امتحان کنید

متعدد مظلماں

اگر آپ چاہتے ہیں کہ کچھ خط میں متعدد مظلماں اضافے کریں تو آپ کو مظلموں کا فہرست شروع میں کاما کو اضافے کریں تو آپ کو مظلموں کا فہرست شروع میں کاما کو اضافے کریں:

ایک مثال دکھا دیا گیا ہے جس میں قرمز اور نیلا نئونی کا چمکتار مظلم دکھایا گیا ہے:

اثر سایه نوشتار!

مثال

h1 {
  text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;
{}

به طور مستقیم امتحان کنید

مثال زیر نمایش می‌دهد که چگونه یک متن سفید با سایه‌های سیاه، آبی و تیره آبی نشان داده می‌شود:

اثر سایه نوشتار!

مثال

h1 {
  color: white;
  text-shadow: 1px 1px 2px سیاه، 0 0 25px آبی، 0 0 5px تیره آبی;
{}

به طور مستقیم امتحان کنید

شما همچنین می‌توانید از ویژگی text-shadow برای ایجاد حاشیه صاف دور از متن (بدون سایه) استفاده کنید:

حاشیه‌ای دور از متن!

مثال

h1 {
  color: yellow;
  text-shadow: -1px 0 سیاه، 0 1px سیاه، 1px 0 سیاه، 0 -1px سیاه;
{}

به طور مستقیم امتحان کنید