feat(graph): space-theme polish — planets, sprite labels, thematic edges, sizes, loader
This commit is contained in:
@@ -423,3 +423,19 @@ body {
|
||||
--color-regolith: var(--color-line);
|
||||
--color-asteroid: var(--color-mute);
|
||||
}
|
||||
|
||||
/* === Graph edge flow — космо-анимация для активных связей.
|
||||
* stroke-dashoffset animation создаёт ощущение потока частиц от source
|
||||
* к target. Только на highlighted edges (hover state), default edges
|
||||
* статичные dashed pattern. Respects prefers-reduced-motion. === */
|
||||
@keyframes graph-edge-flow {
|
||||
to { stroke-dashoffset: -28; }
|
||||
}
|
||||
.graph-edge-flow {
|
||||
animation: graph-edge-flow 1.4s linear infinite;
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.graph-edge-flow {
|
||||
animation: none;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user