تا %60 تخفیف خرید برای 7 نفر با صدور مدرک فقط تا
00 00 00
در توسینسو تدریس کنید

آموزش گام به گام CSS قسمت سیزدهم: شفافیت

اگر تا به حال با فوتوشاپ کار کرده باشید، مطمئنا با حالت opacity لایه ها آشنایی دارید، این حالت برای کم رنگ کردن یک لایه استفاده می شود. در CSS نیز ما با چنین حالتی روبرو هستیم. برای مثال می توانید تصویری را کم رنگ کرده و تا زمانی که ماوس روی تصویر hover می شود در همان حالت باقی بماند. برای اینکار باید از خاصیت opacity با مقادیر 0.1 تا 1 استفاده کنید. به مثال زیر توجه داشته باشید:

img
{
	Opacity:0.5;
}

در این حالت تمامی تصاویر با شفافیت 0.5 قرار می گیرند. حالت دیگر مقدار دهی این خاصیت استفاده از rgba است. اگر یادتان باشد یکی از روشهای مقداردهی رنگ rgb بود. حال در این حالت می توانید نه تنها رنگ مورد نظر را انتخاب کنید بلکه شفافیت المنت را هم مقداردهی کنید.

p
{	
	color: rgba(100, 200, 50, 0.5);
}

نویسنده : ارسطو عباسی

منبع : انجمن تخصصی فناوری اطلاعات ایران

هرگونه نشر و کپی برداری بدون ذکر منبع و نام نویسنده دارای اشکال اخلاقی می باشد

نظر شما
برای ارسال نظر باید وارد شوید.
4 نظر
افرادی که این مطلب را خواندند مطالب زیر را هم خوانده اند