ویژگی 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

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

نشانی ایمیل شما منتشر نخواهد شد.

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

فهرست
Call Now Buttonتماس سریع