ocelot-Social-Community/ocelot.social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/ocelot.social.git synced 2026-04-06 01:25:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix animation

Browse Source
This commit is contained in:
Ulf Gebhardt 2026-03-11 15:59:36 +01:00
parent f326e9f1dc
commit da44ce61b7
Signed by: ulfgebhardt
GPG Key ID: DA6B843E748679C9
1 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
docs/.vuepress/components/RoadmapProgress.vue
View File

@ -820,25 +820,25 @@ strong.roadmap-content-title {
/* === Expanded: Animation ohne lange Verzögerung === */
.roadmap--expanded.roadmap--animated .roadmap-station .roadmap-marker {
animation: markerPop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards,
markerGlow 0.6s ease forwards;
animation-delay: calc(var(--i) * 0.08s), calc(var(--i) * 0.08s);
animation: markerPop 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards,
markerGlow 0.7s ease forwards;
animation-delay: calc(var(--i) * 0.04s), calc(var(--i) * 0.04s);
}
.roadmap--expanded.roadmap--animated .roadmap-station .roadmap-content {
animation: contentFadeIn 0.5s ease forwards;
animation-delay: calc(var(--i) * 0.08s);
animation: contentFadeIn 0.6s ease forwards;
animation-delay: calc(var(--i) * 0.04s);
}
.roadmap--expanded.roadmap--animated .roadmap-station .roadmap-connector {
animation: lineGrow 0.5s ease forwards;
animation-delay: calc(var(--i) * 0.08s + 0.1s);
animation: lineGrow 0.6s ease forwards;
animation-delay: calc(var(--i) * 0.04s + 0.1s);
}
.roadmap--expanded.roadmap--animated .roadmap-station--in-progress .roadmap-marker {
animation: markerPop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards,
markerGlow 0.6s ease forwards,
inProgressPulse 2s ease-in-out 0.6s infinite;
animation-delay: calc(var(--i) * 0.08s), calc(var(--i) * 0.08s), calc(var(--i) * 0.08s + 0.5s);
animation: markerPop 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards,
markerGlow 0.7s ease forwards,
inProgressPulse 2s ease-in-out 0.7s infinite;
animation-delay: calc(var(--i) * 0.04s), calc(var(--i) * 0.04s), calc(var(--i) * 0.04s + 0.6s);
}
</style>