mirror of
https://github.com/ItsVipra/ProToots
synced 2024-11-10 06:04:20 +00:00
add a little fade in to proplates :3
This commit is contained in:
parent
9e959a8ab8
commit
c0f00aa45d
1 changed files with 16 additions and 0 deletions
|
@ -5,6 +5,7 @@
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
text-transform: lowercase;
|
text-transform: lowercase;
|
||||||
|
animation: proplate-fadein .15s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* dark theme */
|
/* dark theme */
|
||||||
|
@ -68,3 +69,18 @@
|
||||||
rgba(255, 0, 0, 1) 100%
|
rgba(255, 0, 0, 1) 100%
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@keyframes proplate-fadein {
|
||||||
|
from {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-reduced-motion) {
|
||||||
|
.protoots-proplate {
|
||||||
|
animation: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue