مثال 2 - شفاب کردن تصاویر - افکت Hover
موس را روی عکس های زیر قرار دهید:
به کد CSS زیر توجه کنید:
img
{
opacity:0.4;
filter:alpha(opacity=40); /* و نسخه های پایین تر IE8 برای*/
}
img:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* و نسخه های پایین تر IE8 برای*/
}
{
opacity:0.4;
filter:alpha(opacity=40); /* و نسخه های پایین تر IE8 برای*/
}
img:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* و نسخه های پایین تر IE8 برای*/
}
بلاک اول کد بالا همانند مثال 1 است. در بلاک دوم اگر اشاره گر موس روی عکس قرار بگیرد، با تنظیم مقادیر 1.0 و 100 شفافیت نخواهیم داشت و عکس به صورت معمول نمایش داده می شود.
زمانی که اشاره گر موس از روی فضای عکس بیرون برود، شفافیت عکس را دوباره خواهیم داشت.
