Bonjour à tous,

J'essai de créer une page, qui à la base n'est qu'un fond d'écran pleine page (background-size: cover.
Une fois que l'utilisateur clique sur cette page, alors ce fond d'écran se floute (filter: blur(5px)) tandis qu'un texte au centre de celui-ci se défloute. Ce texte étant une description de l'image de fond d'écran. Puis si l'utilisateur reclique sur la page alors le texte se floute et disparait tandis que l'image de fond se défloute.

Pourriez-vous s'il vous plaît m'apporter votre aide pour réaliser cela ?

Voici ce que m'ont donné quelques essais infructueux : http://jsfiddle.net/ncgf6wvL/

Je vous remercie pour votre attention,

Nawak