Hai teman-teman semuanya, apa kabar, kita lanjut lagi belajar tentang websitenya, kali ini kita akan belajar tentang bagaimana cara menggunakaan css filter brightness pada css.

Filter adalah salah satu propertis yang ada pada css3 yang berguna untuk mengcustom warna pada gambar, css filter ini memiliki banyak nilai, ada grayscale brightness dllnya, nah kali ini kita akan coba menggunakan filter brightness pada css, untuk lebih jelasnya kita langsung saja praktekkan, pertama silahakan teman-teman buat sebuah file dan ketikan script berikut ini:

script diatas saya menyisipkan sebuah gambar saya mengatur ukuran gambar dengan css menjadi 400px dan jika teman-teman save maka hasilnya akan seperti berikut ini:

menggunakaan css filter brightness1

sekarang kita coba tambahkan fungsi css filter brightness pada cssnya coba teman-teman perhatikan dan tambahakan script yang saya tambahkan pada css ini:

Saya memberikan pengaturan filte brightness pada css dengan nilai 200% dan Jika sudah silahakan teman-teman save dan jalankan pada browser maka hasilnya akan seperti berikut ini:

menggunakaan css filter brightness22

Seperti yang kita tau brightness adalah fungsi mengatur kecerahan, makanya hasilnya gambar akan lebih cerah seperti hasil diatas,

Gimana teman-teman cukup mudah bukan, saya rasa untuk tutorial kali ini tentang menggunakaan css filter brightness cukup sampai sini dulu, semoga tutorial ini bermanfaat untuk teman-teman semuanya,

Terima kasih