Cara Memberikan Tipe Filter Blur Pada CSS3

Halo teman teman semuanya masih seputar property CSS3 dan berikut ini Tipe Filter yang bisa kita gunakan ada blur, saturate, sepia dan saya akan berikan nilai apa yang bisa kita berikan ditiap tiap tipe filter tersebut. Tipe Filter yang teman teman bisa gunakan ada beberapa yakni sebagai berikut

Yang pertama kita akan mencoba untuk Tipe Filter blur. Caranya mudah kita pilih dulu selectornya yakni img lalu kita tulis property CSS3 yaitu filter dan ikuti dengan tipe filternya yaitu blur didalam kurung buka tutupnya kita bisa tuliskan ukuran blurnya mau seperti apa

Jika teman teman ingin melihat contohnya maka kita buka photoshop lalu pilih menu filter->blur->gaussion blur. Jadi efek blur yang diberikan pada CSS3 itu adalah efek Gaussion Blur pada photoshop dan jika teman teman pilih maka teman teman dapat mengatur tingkat ukuran blurnya.

Nilainya radiusnya bisa kita ubah atau semakin kekanan nilainya maka semakin blur gambarnya artinya gambarnya semakin tidak jelas.

Misalnya kita berikan 5px maka kita bisa lihat hasilnya sekarang. Itu dulu yang dapat kita lakukan. Semoga jelas dan terima kasih.