Hai teman-teman semuanya, apa kabar, kita lanjut lagi pembelajaran kita tentang fileter css, kalau kemarin kita telah belajar tentang efek filter brightness, kali ini kita akan belajar efek lain dari filter yaitu kita akan belajar menggunakan css filter saturate.

Kemarin sudah saya jelaskan sedikit tentang filter pada css, filter pada css adalah suatu teknik adjustment pada photoshop yang digunakan untuk memanipulasi efek warna pada gambar, dan sekarang css telah dapat membuatnya dengan menggunakan prpopertis filter pada css, oke untuk lebih jelasnya kita langsung saja praktekan cara menggunakan css filter saturate, pertama silahakan teman-teman buat sebuah file dan ketikan script berikut ini:

Script diatas menjelaskan saya menyediakan sebuah gambar dengan nama gon,png yang saya sisipkan pada body, lalu saya mengatur ukuran gambar tersebut dengan css leber 200px, jika teman-teman save maka hasilnya akan seperti berikut ini:

hasil 1 menggunakan css filter saturate

Nah sekarang coba tambahkan script css filter berikut ini pada bagian cssnya,

Saya menambahkan propertis filter dengan efek saturate dengan nilai 10 maka hasilnya akan seperti berikut ini:

hasil 2 menggunakan css filter saturate

perpaduan warnanya akan berubah, nilai 10 kita bisa rubah sesuai dengan keinginan kita, teman-teman bisa mencoba dengan menambahkan atau mengurangi nilainya,

Oke teman-teman saya rasa cukup sampai disini dulu tutorial kali ini tentang menggunakan css filter saturate semoga tutorial kali ini bermanfaat untuk teman-teman semuanya, sampai bertemu lagi pada tutorial berikutnya,

Terima kasih.