نمایش یک عکس به صورت نیمه شفاف، با کلاس های w3-opacity و w3-opacity-min و w3-opacity-max ، در W3.CSS

با استفاده از کلاس های w3-opacity و w3-opacity-min و w3-opacity-max در چارچوب W3.CSS ، می توانیم تعیین کنیم که یک عکس به صورت نیمه شفاف نمایش داده شود :

برای این منظور یکی از کلاس‌های w3-opacity و w3-opacity-min و w3-opacity-max را برای تگ img ذکر می کنیم (تگ img برای نمایش عکس به کار می رود - کلید شماره 507 ) :

تفاوت کلاس های w3-opacity و w3-opacity-min و w3-opacity-max ، در میزان نیمه شفاف بودن عکس می باشد.

به مثال زیر توجه کنید :

مثال

بخش مهم کدها :

کد کامل صفحه HTML :

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید
نویسنده علیرضا گلمکانی
شماره کلید 26273
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 0 0 0

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)