Hallo teman-teman apa kabar, balik lagi pada tutorial dumet school, kalau sebelumnya kita sudah bahas bagaimana cara membuat efek adjusments grayscale pada photoshop dengan css, masih dengan efek adjustments pada photoshop, kali ini saya akan mempraktekan salah satu lagi dari efek adjusments pada photoshop yaitu invert, untuk lebih jelasnya mungkin kita langsung praktekan saja.
Teman-teman silahkan siapkan gambar lagi, dan buat sebuah file html dan ketikan script berikut :
<img class="invert" src="raisa.jpg" width="300" height="300">
Jika kita save hasilnya akan masih seperti biasa :
Nah sekarang kita ketikan script cssnya, silahkan ketikan script berikut :
.invert {-webkit-filter: invert(100%);filter: invert(100%);}
Class invert yang tadi saya berikan pada tag image, saya atur dengan properties filter dengan nilai invert 100% maka hasilnya akan seperti berikut :
Raisa yang tadi cantik jadi serem hehe, oke sekian dulu untuk artikel kali ini, semoga bermanfaat, selamat belajar.
Terimakasih.