boredbutton3

commit e0c392934d7b9bd930e05e240ba5c23a4669f7fc
parent 6690c84c1f2da5f01ae362b918c9b1e83607e17e
Author: Francisco Boudagh <franciscoboudagh1@gmail.com>
Date:   Sun, 19 Dec 2021 21:50:17 +0100


Diffstat:
M
index.html
 | 
2
+-
M
style.css
 | 
12
++++--------

2 files changed, 5 insertions(+), 9 deletions(-)
diff --git a/index.html b/index.html
@@ -24,7 +24,7 @@
     <div class="main" id="main">
       <button onclick="showFact()" id="button" type="button"></button>
     </div>
-    
+
     <p id="fact_text"></p>
 
   </body>
diff --git a/style.css b/style.css
@@ -107,9 +107,9 @@ footer{
   left:-3px;
   background-size: 500%;
   z-index: -1;
-  filter: blur(6px);
-  width: calc(100% + 5px);
-  height: calc(100% + 5px);
+  filter: blur(7px);
+  width: calc(100% + 6px);
+  height: calc(100% + 6px);
   animation: glowing 20s linear infinite;
   transition: opacity .3s ease-in-out;
   border-radius: 50%;
@@ -146,7 +146,7 @@ footer{
 
 @keyframes glowing {
   0% { background-position: 0 0; }
-  50% { background-position: 400% 0; }
+  50% { background-position: 500% 0; }
   100% { background-position: 0 0; }
 }
 
@@ -157,10 +157,6 @@ footer{
       font-size: 1.5em;
       margin-top: 3%;
     }
-    #button{
-      width: 15vh;
-      height: 15vh;
-    }
     #fact_text{
       font-size: 1em;
       margin-top: 57vh;