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/scss/static.scss
+++ b/assets/scss/static.scss
@ -68,6 +68,7 @@ p {

  &:hover {
    text-decoration: none;
+
  }

  &--solid {
@ -76,6 +77,9 @@ p {
    &: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);
    }
  }
 }