boredbutton3

commit eef90aeac42c5ee3e5028641d5dcbc74ab54657b
parent 407852fbb2697014e9e27bacd43befc33b8c516c
Author: Francisco Boudagh <franciscoboudagh1@gmail.com>
Date:   Mon, 20 Dec 2021 13:07:25 +0100

Glowing effect after clicked button

Diffstat:
M
style.css
 | 
7
++++++-

1 file changed, 6 insertions(+), 1 deletion(-)
diff --git a/style.css b/style.css
@@ -122,16 +122,20 @@ footer{
   filter: blur(7px);
   width: calc(100% + 6px);
   height: calc(100% + 6px);
-  opacity: 0;
   animation: glowing 20s linear infinite;
   transition: opacity .3s ease-in-out;
   border-radius: 50%;
+  opacity: 0;
 }
 
 #button:focus {
   outline: none;
 }
 
+#button:focus:before {
+  opacity: 0.95;
+}
+
 #button:active:after {
   background: #3F617C;
 }
@@ -154,6 +158,7 @@ footer{
   left: 0;
   top: 0;
   border-radius: 50%;
+  opacity: 1;
 }
 
 @keyframes glowing {