Pada artikel kali ini saya masih akan membahas lagi salah satu efek adjustments dari photoshop yaitu sepia, nah kita akan membuat efek shepia ini dengan css, kita mungkin langsung saja praktekan, silahkan siapkan 1 gambar, gambar saya masi setia dengan gambar raisa :P.
Silahkan teman-teman buat file html dan ketikan script berikut :
<img class="sepia" src="raisa.jpg" width="300" height="300">
Nah jika kita save gambarnya amasi biasa hasilnya.
Sekarang kita atur CSS nya, silahkan teman-teman ketikan script berikut :
.sepia {-webkit-filter: sepia(100%);filter: sepia(100%);}
Class sepia yang kita berikut pada tag img tadi kita atur dengan properties filter dengan nilai sepia 100% maka hasilnya akan seperti berikut:
Sangat mudah kan teman-teman, silahkan praktekan, cukup sekian artikel kali ini, semoga bermanfaat.
Terimakasih.