Grayscale Code adalah Cara membuat sebuah image asli didalam sebuah html code menjadi grayscale. Grayscale berguna saat membuat sebuah website dengan ide tampilan grayscale. Perlu di ingat, CSS Grayscale ini tidak bisa di jalankan di IE 11 dan versi sebelumnya.
Grayscale Effect
Normal:
Grayscale-min:
Grayscale:
Grayscale-max (black and white):
<![CDATA[
.w3-panel{padding-left:10px;margin-top:16px;margin-bottom:16px}
.w3-blue{color:#fff!important;background-color:#2196F3!important}
.w3-green{color:#fff!important;background-color:#4CAF50!important}
.w3-red{color:#fff!important;background-color:#f44336!important}
.w3-greyscale-max{filter:grayscale(100%)}
.w3-greyscale{filter:grayscale(75%)}
.w3-greyscale-min{filter:grayscale(50%)}
]]>