ویژگی Opacity در cssReviewed by Datacss.ir on Nov 5Rating:

ویژگی Opacity در css

 

در این بخش از مقالات طراحی سایت ،  ویژگی Opacity را توضیح می دهیم.
این خاصیت مقدار وضوح عکس را نشان می دهد به این ترتیب که هرچقدر opacity مقدار بالاتری داشته باشد عکس واضح تر است و هرچقدر Opacity کمتر باشد شفافیت تصویر کمتر می شود.

مثال زیر کاربرد ویژگی  Opacity در بخش آموزش Css نشان می دهد.

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 پشتیبانی نمی کند.در این روش برای مقدار opacity اعدا را بین ۰ تا ۱۰۰ انتخاب می کنیم.در سایر مرورگرها این مقدار را بین ۱ تا ۰ در نظر می گیریم به این ترتیب که هرچه از ۰ به سمت ۱ برویم از شفافیت عنصر کاسته می شود.

 

gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== - ویژگی Opacity در css

منبع: sitedesign-co.com

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

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

این فیلد را پر کنید
این فیلد را پر کنید
لطفاً یک نشانی ایمیل معتبر بنویسید.

فهرست