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

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

img
{
	Opacity:0.5;
}

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

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

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

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

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

#آموزش_گام_به_گام_css #آموزش_css #آموزش_سی_اس_اس #آموزش_مقدماتی_css
عنوان
1 آموزش گام به گام CSS قسمت اول : معرفی و آشنایی با نوشتن دستورات رایگان
2 آموزش گام به گام CSS قسمت دوم: شیوه های استفاده از CSS رایگان
3 آموزش گام به گام CSS قسمت سوم : رنگ ها و پشت زمینه ها رایگان
4 آموزش گام به گام CSS قسمت چهارم: حاشیه ها رایگان
5 آموزش گام به گام CSS قسمت پنجم: Margin , Padding , height , Width رایگان
6 آموزش گام به گام CSS قسمت ششم: متون رایگان
7 آموزش گام به گام CSS قسمت هفتم : فونت‌ و قالب‌های متنی رایگان
8 آموزش گام به گام CSS قسمت هشتم: لینک ها و لیست ها رایگان
9 آموزش گام به گام CSS قسمت نهم: جداول رایگان
10 آموزش گام به گام CSS قسمت دهم: Display و Max-width رایگان
11 آموزش گام به گام CSS قسمت یازدهم: موقعیت ها , Overflow رایگان
12 آموزش گام به گام CSS قسمت دوازدهم: جهت ها, تراز ها و غلظت رایگان
13 آموزش گام به گام CSS قسمت سیزدهم: شفافیت رایگان
14 آموزش گام بە گام CSS: قسمت چهاردهم: واکنشگرایی چیست؟ رایگان
15 آموزش گام بە گام CSS: قسمت پانزدهم: Viewport چیست؟ رایگان
زمان و قیمت کل 0″ 0
4 نظر
k_1982

سلام منون از آموزشهای خوبتون الان چندروزه منتظر بودم ادامه آموزشcssتوی سایت بذارید بهتون ایمیل زدم اما پاسخی دریافت نکردم

من گام به گام با آموزشاتون پیش اومدم البته تا حدودی آشنایی اولیه با اچ تی ام ال و پی اچ پی داشتم ولی کاربردی نمیتونستم کار کنم شکرخدا با آموزشای که از شما دنبال کردم الان یه خورده از خودم راضیم

میشه ازتون کمک بخوام تو زمینه طراحی سایت ؟من تمرین انجام میدم میشه شما تمرینا رو بینید و بگید چقدر درسته و هرجا اشکال دارم بهم یگید؟

قبل از هرچیز بخاطر آموزشای خوبت متشکرم

k_1982

این توسط k_1982 در تاریخ چهارشنبه, 17 شهریور 1395 حذف شده است.

Reason: تکراری بودن

سلام منون از آموزشهای خوبتون الان چندروزه منتظر بودم ادامه آموزشcssتوی سایت بذارید بهتون ایمیل زدم اما پاسخی دریافت نکردم

من گام به گام با آموزشاتون پیش اومدم البته تا حدودی آشنایی اولیه با اچ تی ام ال وphp داشتم ولی کاربردی نمیتونستم کار کنم شکرخدا با آموزشای که از شما دنبال کردم الان یه خورده از خودم راضیم

میشه ازتون کمک بخوام تو زمینه طراحی سایت ؟من تمرین انجام میدم میشه شما تمرینا رو بینید و بگید چقدر درسته و هرجا اشکال دارم بهم یگید؟

قبل از هرچیز بخاطر آموزشای خوبت متشکرم

ارسطو  عباسی

چشم من در خدمتم

k_1982

مرسی ممنون

سپاسگزارم

نظر شما
برای ارسال نظر باید وارد شوید.
از سرتاسر توسینسو
تنظیمات حریم خصوصی
تائید صرفنظر
×

تو می تونی بهترین نتیجه رو تضمینی با بهترین های ایران بدست بیاری ، پس مقایسه کن و بعد خرید کن : فقط توی جشنواره تابستانه می تونی امروز ارزونتر از فردا خرید کنی ....