مثال 1 - شفاف کردن تصاویر
در CSS3 برای شفاف کردن تصاویر از خصوصیت opacity استفاده می شود.
ابتدا ما نشان می دهیم که چگونه یک تصویر را شفاف کنیم.
عکس باقاعده:
همان عکس با شفاف سازی:
به کد CSS زیر توجه کنید:
img
{
opacity:0.4;
filter:alpha(opacity=40); /* و نسخه های پایین تر IE8 برای*/
}
{
opacity:0.4;
filter:alpha(opacity=40); /* و نسخه های پایین تر IE8 برای*/
}
برای شفاف کردن تصاویر در IE9, Firefox, Chrome, Opera و Safari از خصوصیت opacity استفاده می شود. این خصوصیت مقداری بین 1.0 و 0.0 می گیرد، هر چه این مقدار کوچکتر باشد شفافیت عکس بیشتر خواهد بود.
در IE8 و نسخه های پایین تر از از کد زیر استفاده کنید. مقدار x می تواند عددی بین 0 تا 100 باشد که هرچه این عدد کوچکتر باشد شفایت عکس بیشتر خواهد بود:
filter:alpha(opacity=x)
