add blur hover effect to buttons

2025-04-17 15:56:04 +05:00
parent fd1c28c898
commit eb43427ff6
3 changed files with 8 additions and 1 deletions
--- a/assets/css/static.css
+++ b/assets/css/static.css
@ -71,6 +71,9 @@ p {
 .btn--solid:hover {
  background-color: transparent;
  color: var(--foreground-text);
+  background-color: rgba(255, 255, 255, 0.1);
+  backdrop-filter: blur(30px);
+  color: rgba(255, 255, 255, 0.8);
 }

 .site-navigation {