SVG Blur Effects (HP)

SVG Filter digunakan untuk memberi efek pada Grafik SVG. Untuk mendefinisikan filter pada SVG, gunakan tag filter yang diletakkan diantara tag defs .

Tag feGaussianBlur

Tag ini digunakan untuk memberi efek blur pada sebuah element. Berikut contohnya :

Berikut hasil dari code diatas :

Kita dapat mengakses filter menggunakan nilai dari attribute id pada tag filter . Pada contoh diatas pada tag rect terdapat attribute filter yang nilainya adalah id dari filter. Bagian in="SourceGraphic" digunakan untuk membuat efek pada suatu element tertentu. Attribute stdDeviation mendefinisikan jumlah efek blur.

Sekian dari saya, semoga bermanfaat bagi kita semua. Tuhan memberkati!