خانه / آموزش css / جلسه دوازدهم آموزش عناصر Opacity

جلسه دوازدهم آموزش عناصر Opacity

در این بخش از آموزش css به توضیح ویژگی تنظیم شفافیت عناصر Opacity میپردازیم.

Opacity

با ویژگی Opacity میتوانید شفافیت تصاویر را تغییر دهید.

img
{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}
img:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

در مثال بالا زمانیکه opacity=40 تنظیم شده است ، تصویر کدر تر نمایش داده میشود و زمانیکه opacity=100 در نظر گرفته شده است تصویر به صورت کاملا شفاف نمایش داده میشود.این حالت زمانی اتفاق میفتد که img:hover انجام گیرد.یعنی با زفتن ماوس روی تصویر عکس به صورت شفاف نمایش داده میشود.

جعبه دانلود

  • جلسه دوازدهم آموزش عناصر Opacity
  • نویسنده :
  • این مطلب رایگان است
chanel-telgram

درباره reza\sh

سلام خدمت شما خوبان، من رضا متولد ۱۳۷۶ طراح سایت وبرنامه نویس تحت وب به زبان های html,css,Javascript,jQueryو برنامه نویسی سمت سرور باphp وتا حدی آشنایی با برنامه نویسی اندروید.وحوزه شبکه و امنیت آن را دارم،و وعلاقه شدیدی به یاد گیری مطالب جدید وآموزش آن ها هستم.

پاسخ دهید

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

سوال امنیتی * Time limit is exhausted. Please reload the CAPTCHA.