diff --git a/text-reverse.css b/text-reverse.css index 3dabf48..c4b089e 100644 --- a/text-reverse.css +++ b/text-reverse.css @@ -29,6 +29,8 @@ body { backdrop-filter: blur(8px); padding: 35px; border-radius: 15px; + filter: blur(10px); + transition: 0.7s; } diff --git a/text-reverse.js b/text-reverse.js index ec78814..ce30d60 100644 --- a/text-reverse.js +++ b/text-reverse.js @@ -4,6 +4,7 @@ if (window.location.protocol != "https:") { window.location.protocol="https:"; } +const block = document.querySelector(".block"); const text = document.querySelector(".text"); const input = document.querySelector(".input"); const btn = document.getElementById("btnValider"); @@ -63,6 +64,7 @@ function newWord() { popupBtn.addEventListener("click", function() { popup.style.display = "none"; + block.style.filter = "blur(0px)"; newWord(); });