Merge pull request #147 from Ansh1Mondal/master

added shadows to the buttons to look more immersive
SaptarshiSarkar12 · Oct 23, 2022 · 17f8400 · 17f8400
2 parents 8324c89 + 0c7a9fd
commit 17f8400
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/Website/style.css b/Website/style.css
@@ -269,6 +269,7 @@ body::-webkit-scrollbar-thumb {
 
 .button:hover {
   animation: blink 3s ease infinite;
+  box-shadow: 2px 2px 10px darkblue;
 }
 
 #menu {
@@ -348,7 +349,7 @@ body::-webkit-scrollbar-thumb {
 .header-container > .btn:hover {
   background-color: var(--button-onhover-background);
   color: var(--button-onhover-text);
-  box-shadow: 5px 5px 1px var(--button-onhover-shadow);
+  box-shadow: 5px 5px 10px var(--button-onhover-shadow);
 }
 
 .header-container {
@@ -559,6 +560,10 @@ header {
   border-radius: 500px;
   padding: 0.3rem 1rem;
   margin-top: 0.6rem;
+  transition: all 0.2s;
+}
+.assets a:hover{
+  box-shadow: 2px 2px 5px darkblue;
 }
 
 
@@ -627,7 +632,7 @@ header {
 .btn4:hover {
   background-color: var(--button-onhover-background);
   color: var(--button-onhover-text);
-  box-shadow: 5px 5px 1px var(--button-onhover-shadow);
+  box-shadow: 5px 5px 10px var(--button-onhover-shadow);
 }
 
 #contact {