ایجاد جلوه تصویری Grayscale (سیاه و سفید) برای یک عکس، با کلاس های w3-grayscale و w3-grayscale-min و w3-grayscale-max ، در W3.CSS
با استفاده از کلاسهای w3-grayscale و w3-grayscale-min و w3-grayscale-max در چارچوب W3.CSS ، می توانیم جلوه تصویری Grayscale (سیاه و سفید) را برای یک عکس ایجاد نماییم :
برای این منظور، یکی از کلاس های w3-grayscale و w3-grayscale-min و w3-grayscale-max را برای تگ img ذکر می کنیم (تگ img برای نمایش عکس به کار می رود - کلید شماره 507 ) :
تفاوت کلاسهای w3-grayscale و w3-grayscale-min و w3-grayscale-max ، در میزان ایجاد جلوه بصری Grayscale (سیاه و سفید) می باشد.
به مثال زیر توجه کنید :
بخش مهم کدها :
کد کامل صفحه HTML :
نتیجه :
دسته بندی
عکس ها (Image)، در W3.CSS
نویسنده
علیرضا گلمکانی
شماره کلید
26274
گزینه ها
نظرات 0 0 0