Hallo teman-teman, bertemu lagi pada tutorial dumet school, kali ini saya akan coba memperkenalkan properties baru yang ada pada CSS3 yaitu filter, sebelumnya kita sudah belajar membuat gambar berwarna grayscale, nah pada kesempatan kali ini saya akan membahas bagaimana cara nya membuat warna gambar menjadi blur dengan properties filter pada CSS3.
Kita langsung saja praktek, teman-teman ketikan script berikut :
Saya meletakan gambar pada script html nya, nah sekarang kita beralih ke CSS nya, kita akan atur supaya gambar menjadi blur.
Sekarang kita atur CSS nya, teman-teman ketikan script berikut :
Nah script di atas saya mengatur efek blur sebanyak 5px, maka hasilnya akan sebagai berikut :
Hasilnya gambar akan menjadi blur, seperti gambar di atas, cukup simple kan teman-teman, kita bisa mengatur efek blurnya sesuka kita, oke cukup sampe sini artikel kali ini , selamat mencoba dan semoga bermanfaat, terimakasih 🙂