افزودن افکت سایه(shadow)در css

افزودن افکت سایه(shadow)در css

 

افزودن افکت سایه(shadow)در css: از گذشته تا به امروز، برنامه نویسان در طرح های گرافیکی از افکت سایه(shadow) استفاده می کنند تا طرح خود را جذاب تر جلوه بدهند. ولی امروزه افرادی کمی هستند که از این افکت استفاده کنند، ولی بازهم افکت جذابی است که ما می توانیم برای ظاهر سازی سایت خود از آن استفاده کنیم.

انواع افکت سایه(shadow)در css

در زبان css به طور کل، می توانیم افکت سایه را برای عناصر و متون اعمال کنیم. برای این افکت، ما در css دو نوع ویژگی داریم :

1. text_shadow

2. box_shadow

اضافه کردن ویژگی text_ shadow

از این ویژگی ما برای، ایجاد کردن افکت سایه برای متن استفاده می کنیم. برای مثال :

در ویژگی text_ shadow، می توانید 4px را به عنوان ورودی در نظر بگیرید.به طور کل پارامتر اول موقعیت سایه را در محور x، پارمتر دوم موقعیت سایه را در محور y و کشیدگی سایه را تعریف می کند و همچنین با اضافه کردن پارامتر چهارم می توانید رنگ سایه را تعریف کنید. برای مشاوره رایگان، یادگیری برنامه نویسی در کرج، با ما تماس حاصل نمایید.

اضافه کردن ویژگی box_shadow

از این ویژگی ما برای، اضافه کردن افکت سایه به عناصر موجود در صفحه سایت اعمال کرد. برای مثال :


عملکرد این دو ویژگی باهم فرقی ندارد. یعنی دقیقا همان پارامتر هایی که برای text_ shadow توضیح دادیم، در box_shadow هم وجود دارند.

فهرست مطالب