Hai teman-teman, saya akan menlanjutkan penjelasan menggunakan value di property filter pada CSS, yang sebelumnya sudah pernah dibahas di Cara Menggunakan Value di Property Filter Pada CSS Part-1.

Seperti yang sudah dibahas di postingan part-1 masih ada beberapa value pada property filter pada CSS yang saya belum jelaskan yaitu:

  • hue-rotate()
  • invert()
  • opacity()
  • saturate()
  • sepia()
  • drop-shadow()
  • url()

Saya akan membahas satu per satu dari value tersebut

hue-rotate():

Fungsi filter hue-rotate memutar warna gambar dengan sudut yang akan diteruskan ke fungsi sebagai parameter.
Sebuah cara sederhana untuk memahami hal ini akan membayangkan roda warna. Setiap warna pada roda warna memiliki sudut di mana ia diposisikan. Jika teman-teman mulai pada satu titik (warna) di lingkaran dan kemudian bergerak sepanjang lingkaran dengan sudut tertentu, teman-teman berakhir di titik lain dengan warna lain.

Sudut maksimum rotasi 360 derajat. Jika nilai untuk sudut tidak disediakan, standarnya ke nilai 0deg dan gambar tidak berubah.

invert():

Fungsi filter invert () membalikkan warna pada gambar input. Nilai yang dikirimkan ke fungsi mendefinisikan proporsi konversi. Sebuah nilai 100% benar-benar terbalik-semua warna yang membalik sehingga gambar terlihat seperti foto negatif (seperti yang dihasilkan untuk kamera non-digital tua). Nilai 0% daun input tidak berubah. Nilai antara 0% dan 100% adalah pengganda linear pada efek

opacity():

Fungsi filter opacity () memungkinkan Anda untuk membuat elemen input sepenuhnya transparan atau bening atau sepenuhnya buram (yang merupakan default). dengan 0% sebagai default atau tidak buram dan 100% akan membuat element sepenuhnya buram.

saturate():

Fungsi filter saturate() membuat warna dari gambar masukan membuat mereka terlihat lebih hidup. Nilai yang dikirimkan ke fungsi mendefinisikan proporsi konversi. Nilai nol membuat gambar benar-benar lebih hidup dan nilai 100% merender gambar tidak berubah. nilai antara 0 dan 100% adalah pengganda linear pada efek; nilai lebih turun dari 100%

Dan untuk beberapa Value di Property Filter Pada CSS filternya akan dibahas dipostingan berikutnya. Semoga bermanfaat ya teman-teman.