powermaker450/my-site
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Cycle blur depending on social button state

Browse source
This commit is contained in:
powermaker450 2024-08-15 20:08:21 -04:00
parent dfe28ba5c4
commit 0ba9c8c175
1 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/index.css
View file

@ -16,7 +16,8 @@
--secondary: rgb(100, 100, 100); --secondary: rgb(100, 100, 100);
--tertiary: rgb(30, 30, 30); --tertiary: rgb(30, 30, 30);
--text-color: rgb(255, 255, 255); --text-color: rgb(255, 255, 255);
--shadow: 5px 5px 7px rgba(40, 40, 40, 0.5); --shadow-color: rgba(40, 40, 40, 0.5);
--shadow: 5px 5px 7px var(--shadow-color);
} }
body { body {
@ -136,12 +137,14 @@ body {
border-radius: 20px; border-radius: 20px;
transition: transition:
background-color 0.25s, background-color 0.25s,
transform 0.25s; transform 0.25s,
box-shadow 0.5s;
box-shadow: var(--shadow); box-shadow: var(--shadow);
} }
.social-link-button:hover { .social-link-button:hover {
background-color: var(--secondary); background-color: var(--secondary);
box-shadow: 0 0 7px var(--shadow-color);
} }
.social-link-button:active { .social-link-button:active {