menjernihkan gambar dengan css image-rendering

menjernihkan gambar dengan css image-rendering

ada tiga value yang digunakan untuk mengubah tampilan gambar di dalam CSS :
1. auto
default value digunakan untuk memaksimalkan sebuah gambar di browser
2. crisp-edges
untuk kontras warna yang blur di gunakan khusus untuk pixel art value ini digunakan untuk gambar bergerak naik turun
3. pixelated
untuk mengubah ukuran gambar menjadi lebih jernih

untuk mencoba hasil dari image-rendering CSS langsung saja lihat source codenya seperti dibawah ini :
a. css.css

b. index.php

sumber : https://css-tricks.com/almanac/properties/i/image-rendering/