ویژگی 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 اعدا را بین ۰ تا ۱۰۰ انتخاب می کنیم.در سایر مرورگرها این مقدار را بین ۱ تا ۰ در نظر می گیریم به این ترتیب که هرچه از ۰ به سمت ۱ برویم از شفافیت عنصر کاسته می شود.
منبع: sitedesign-co.com
سایر مقالات مرتبط :
- چگونه تایمر کولر گازی را خاموش کنیم؟
- بررسی صرافی انلاین بدون نیاز به احراز هویت
- نکاتی برای خرید ایمیل شرکتی و ایرانی
- بهترین برندهای تلویزیون هوشمند کدامند؟
- اهمیت سیگنال رایگان ارز دیجیتال فیوچرز در ترید
- آشنایی با بهترین قالب های چند منظوره در وردپرس
- استفاده از گوگل ادز در ایران چگونه و چطور؟
- خرید سرور خارج از کشور از سرودیتا
- بهترین سئوکار خانم در ایران ❤️ | بهترین سئوکار خانم ایران
- قوی ترین باتری گوشی های سامسونگ و شیائومی در سال 2023
- سرور HP چیست؛ ۴ دلیل برای استفاده از آن
- با بهترین هاستینگ طراحان وب شمالغرب کشور آشنا شوید