dofdev/site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

color btn

Browse source
This commit is contained in:
ethan merchant 2024-11-27 15:33:35 -05:00
parent e84e4cf1c4
commit 0754b3452e
1 changed files with 47 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
web/public/style.css
View file

@ -246,9 +246,6 @@ a {
cursor: pointer; cursor: pointer;
text-decoration: underline; text-decoration: underline;
} }
a:focus {
filter: brightness(1.333);
}
b { b {
font-weight: bold; font-weight: bold;
} }
@ -282,6 +279,53 @@ img {
display: block; display: block;
margin: 0 auto; margin: 0 auto;
} }
.btn {
padding: 6px 12px;
border-radius: 6px;
color: var(--col-10);
outline: 2px solid var(--col-10);
font-weight: bold;
letter-spacing: 1px;
text-shadow: 1px 1px 1px var(--col-05);
text-decoration: none;
background: linear-gradient(
135deg,
rgb(0 255 0 / 33%),
rgb(0 255 0 / 0%) 50%
),
linear-gradient(
225deg,
rgb(255 255 0 / 33%),
rgb(255 255 0 / 0%) 50%
),
linear-gradient(
-45deg,
rgb(255 0 0 / 33%),
rgb(255 0 0 / 0%) 50%
),
linear-gradient(
45deg,
rgb(0 0 255 / 33%),
rgb(0 0 255 / 0%) 50%
);
background-size: 600% 1200%;
background-position: 50% 50%;
transition: 0.333s;
}
.btn:hover {
background-size: 100% 100%;
}
.bob {
animation: bob 0.333s infinite alternate;
}
@keyframes bob {
from {
transform: translateY(0);
}
to {
transform: translateY(-4px);
}
}
/* keep this at the end */ /* keep this at the end */
.disabled { .disabled {
filter: grayscale(100%); filter: grayscale(100%);