Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-02-02 14:16:39 +01:00
Code Issues Projects Releases Packages Wiki Activity

Ancestor indicator animates smoother with spring

Browse source
This commit is contained in:
Lim Chee Aun 2024-01-05 19:13:51 +08:00
parent 2bc1b8387e
commit bc2886f7e2
2 changed files with 13 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/index.css
View file

@ -89,6 +89,7 @@
--media-outline-color: color-mix(in lch, var(--media-fg-color), transparent);
--timing-function: cubic-bezier(0.3, 0.5, 0, 1);
--spring-timing-funtion: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media (min-resolution: 2dppx) {
@ -447,6 +448,17 @@ kbd {
}
}
@keyframes slide-up-smooth {
0% {
opacity: 0;
transform: translateY(100%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes position-object {
0% {
object-position: 50% 50%;

2
src/pages/status.css
View file

@ -33,7 +33,7 @@
}
}
.ancestors-indicator:not([hidden]) {
animation: slide-up 0.3s both ease-out 0.3s;
animation: slide-up-smooth 0.3s both var(--spring-timing-funtion) 0.3s;
}
.ancestors-indicator[hidden] {
opacity: 0;