آموزش استفاده از سایه (box-shadow) در css
سلام
خب آموزش های css پراکنده شدن و دلیلش هم ایام امتحانات هست به همین دلیل برای هر ویژگی یه تاپیک میزنم و توضیح میدم

خب توی این قسمت با سایه در css که اسمش box-shadow هست آشنا میشیم . این ویژگی کاربردی هست در طراحی وب به زیبایی کار خیلی کمک میکنه البته بستگی به طرز استفاده ازش داره .

خب نمای کلی کد به صورت زیر هست :
box-shadow:1px 3px  5px #000;

1px : مقدار چپ/راست بودن سایه
3px : مقدار بالا/پایین بودن سایه
5px : مقدار پراکندگی سایه
#000 : کد رنگ مورد نظر برای سایه


البته این کد سایه رو در اطراف عنصر مورد نظر ایجاد میکنه ، برای اینکه سایه درون عنصر مورد نظر اعمال بشه باید از کد زیر استفاده کنید :

box-shadow:inset 1px 3px  5px #000;

1px : مقدار چپ/راست بودن سایه
3px : مقدار بالا/پایین بودن سایه
5px : مقدار پراکندگی سایه
#000 : کد رنگ مورد نظر برای سایه




منبع : همیار مای بی بی
موفق باشید
thanks
نویسنده :

X
پلاگین جوایز (OUGC Awards)
[align=center] [align=right] نام پلاگین : OUGC Awards نویسنده : Omar G لینک : http://mods.mybb.com ...
تعیین نشده
دیدگاه های کاربران 1
ارسال: 2
با تشکر از جواد عزیز
استفاده بیش از حد از این کد میتونه به سرعت اجرای دستورات در
طرح هاتون ضربه بزنه... البته فقط در کروم!

برای عضویت در کانال تلگرامی
[همیار مای بی بی]
کلیک کنید
دریافت آخرین اخبار ، کدهای تخفیف و جوایز
برای اطلاع از آخرین اخبار مای بی بی فارسی عضو کانال تلگرامی شوید :