آموزش طراحی سایت

آموزش سایه ها (Box Shadow)

نحوه ایجاد سایه و معرفی انواع shadow

اضافه کردن سایه با امکانات قالب و صفحه ­ساز

برای ایجاد سایه به المان­ ها در صفحه­ ساز ویژوال کامپوزر، المان را در حالت ویرایش باز کنید و در صفحه تنظیمات المان، سربرگ “طراحی” بخش “باکس سایه­” را اتخاب نمایید.

انحراف افقی نمایانگر سایه در راستای افق (x) و انحراف عمودی، سایه در راستای عمود(Y)  است. جعبه بلور میزان مات و تاری سایه و جعبه گسترس مقدار پراکندگی سایه را مشخص می­ کنند. همچنین رنگ سایه را با انتخاب رنگ دلخواه از جعبه رنگ می­توانید تغییر دهید.

آموزش سایه ها (Box Shadow)

اضافه کردن سایه با افزونه مداد زرد

در صورتی­ که قالب شما ازShadow Box پشتیبانی نکند می­توانید از افزونه مداد زرد برای ایجاد سایه به المان­ ها استفاده کنید. برای آشنایی با افزونه مداد زرد کلیک کنید.

در صفحه ویرایش مداد زرد، المانی که می­خواهید به آن سایه اختصاص دهید را انتخاب کنید. از منو سمت راست،  قسمت Shadow را کلیک کرده و مقدارهای سایه را تعیین نمایید.

آموزش سایه ها (Box Shadow)

جالب است بدانید با کمک افزونه مداد زرد امکان اضافه کردن سایه به متن نیز وجود دارد.

نوشته های مشابه

برای اضافه کردن سایه به متن، در افزونه مداد زرد متن را در حالت انتخاب قرار داده و از منو سمت راست >  Text > Text Shadow را کلیک و از جعبه بازشونده انواع مختلف سایه را انتخاب کنید.

آموزش سایه ها (Box Shadow)

بازگشت به صفحه دوره آموزش طراحی سایت

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

همچنین ببینید
بستن
دکمه بازگشت به بالا