diff --git a/index.html b/index.html index 17729b5..34a5434 100644 --- a/index.html +++ b/index.html @@ -60,7 +60,7 @@ friends let me know if you want urs added here! -
+
aquamarine.gay atapi.space daniela.lol @@ -85,7 +85,7 @@
others
-
+
epicblazed googleballs.com smokepowered.com @@ -96,7 +96,7 @@ and here is mine! feel free to add mine (hotlinking is ok!)
-
+
my cool ass button
diff --git a/styles.css b/styles.css index a03738c..8c5fd06 100644 --- a/styles.css +++ b/styles.css @@ -133,13 +133,27 @@ .dropdown-content a:hover { background-color: light-dark(var(--light-subtext), var(--dark-subtext)); } - .main:hover .web-button { + .web-buttons:hover .web-button { transition: ease-in-out 0.2s; filter: blur(0.1em); display: inline-block; } - - .main .web-button:hover { + .web-buttons .web-button:hover { + transition: ease-in-out 0.3s; + border: solid 1px; + border-radius: 10px; + border-color: light-dark(var(--light-accent), var(--dark-accent)); + filter: blur(0); + box-shadow: 0px 0px 10px light-dark(var(--light-text), var(--dark-text)); + transform: scale(1.4, 1.4) rotate(2deg) translateX(-10px); + display: inline-block; + } + .other-web-buttons:hover .web-button { + transition: ease-in-out 0.2s; + filter: blur(0.1em); + display: inline-block; + } + .other-web-buttons .web-button:hover { transition: ease-in-out 0.3s; border: solid 1px; border-radius: 10px; @@ -149,6 +163,16 @@ transform: scale(1.4, 1.4) rotate(2deg) translateX(-10px); display: inline-block; } + .my-button .web-button:hover { + transition: ease-in-out 0.3s; + border: solid 1px; + border-radius: 10px; + border-color: light-dark(var(--light-accent), var(--dark-accent)); + filter: blur(0); + box-shadow: 0px 0px 10px light-dark(var(--light-text), var(--dark-text)); + transform: scale(1.4, 1.4); + display: inline-block; + } .pfp { border-radius: 15px;