ایجاد جلوه تصویری Sepia برای یک عکس، با کلاس های w3-sepia و w3-sepia-min و w3-sepia-max ، در W3.CSS

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

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

تفاوت کلاس های w3-sepia و w3-sepia-min و w3-sepia-max ، در میزان ایجاد جلوه بصری Sepia می باشد.

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

مثال

بخش مهم کدها :

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

نتیجه :

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

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