css

Vital-Vuillaume · Oct 6, 2024 · 71d59fa · 71d59fa
1 parent 111e109
commit 71d59fa
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git 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
@@ -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();
 });