Pada artikel kali ini saya akan membuat salah satu efek adjustments yang ada pada photoshop, seperti yang kita tau tools adjustment pada photoshop berfungsi untuk mengatur warna, nah pada arikel ini kita akan praktekan itu namun di css, oke kita langsung saja praktekan, silahkan siapkan 1 buah gambar dan buat sebuah file html dan ketikan script berikut :
<img class="grayscale" src="1.jpg" width="300" height="300">
seperti pemanggilan image biasa dan kita berikan class grayscale, maka jika kita save hasilnya akan seperti berikut :
hasilnya masih seperi gambar biasa, nah sekarang kita akan atur cssnya, silahkan ketikan script berikut :
.grayscale {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
dengan mengatur class grayscale seperti di atas dengan nilai grayscale 100% maka gambar yang di hasilkan akan seperti berikut:
hasilnya gambar akan menjadi hitam putis seperti di atas, atau yang kita kenal denga efek adjustments pada photoshop bagi teman-teman yang sudah paham photoshop, mudah kan heheh
selamat mencoba ya teman-teman, semoga bermanfaat,
terimakasih 🙂