زمانی که شما به زبان CSS تسلط داشته باشید و یا حتی آشنایی اولیه داشته باشید می توانید با دانسته های خود یک سایت شکیل داشته باشید چرا که اولین نکته بعد از واد شدن به وب سایت ظاهر و زیبایی آن است که نظر کاربر را به خود جلب می کند.در ادامه مطلب به شما یک ویژگی را معرفی می کنیم که می تواند به شما در زیبایی سایت بسیار کمک کند.
با ویژگی 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 انجام گیرد.یعنی با رفتن ماوس روی تصویر عکس به صورت شفاف نمایش داده میشود.
