--- layout: layouts/page.njk title: SVG - Exercice - Filtre --- SVG couvrant toute la page ```html ``` Le filre flou ```svg ``` Le filtre baisse de contraste ```svg ``` Les 2 combinés ```svg ``` Le dégradé ```svg ``` Le masque ```svg ``` La première photo avec le flou ```svg ``` La deuxième photo nette mais avec un masquage ```svg ``` ### Le suivi par la souris ```javascript document.body.onmousemove = event => { document.getElementById("centre").setAttribute("cx", event.clientX ); document.getElementById("centre").setAttribute("cy", event.clientY ); } ``` ### Le code complet ```html ``` Voir la [solution](solution)