Связи: финальный вид сияющих связей

Перенести финальный плазменный рендер связей из коммита Pixel 2559f1e6 в main.
This commit is contained in:
AidarKC
2026-06-10 19:00:22 +04:00
parent 9ca469a075
commit e3061b46f9
5 changed files with 211 additions and 37 deletions
+27 -9
View File
@@ -60,20 +60,38 @@
transition: opacity 420ms ease; /* плавное появление линий при перестройке */
}
/* Сияющая связь = двухслойный неоновый «световод» (Neon Layering): изящно, но объёмно (как OLED).
GLOW — широкий размытый ореол неонового оттенка под линией; CORE — тонкий чёткий светлый контур. */
.fg-edge-glow {
/* Сияющая связь = плазменный композитинг (3 слоя на одном S-пути, см. renderEdges). */
.fg-plasma-flare {
fill: none;
stroke: rgba(110, 225, 255, 1);
stroke-width: 4;
stroke: #00bfff;
stroke-width: 16;
stroke-linecap: round;
filter: blur(2px); /* мягкое объёмное свечение вокруг нити */
filter: url(#fg-plasma-blur6);
mix-blend-mode: screen;
animation: fg-plasma-breath 3.6s ease-in-out infinite;
}
.fg-edge-core {
.fg-plasma-tube {
fill: none;
stroke: #e0f7fc; /* ультра-светлый голубой — чёткий контур луча */
stroke-width: 1.5;
stroke: #00e5ff;
stroke-width: 6;
stroke-linecap: round;
filter: url(#fg-plasma-blur2);
mix-blend-mode: screen;
}
.fg-plasma-core {
fill: none;
stroke: #dffaff;
stroke-width: 2;
stroke-linecap: round;
}
@keyframes fg-plasma-breath {
0%, 100% { stroke-width: 14; }
50% { stroke-width: 19; }
}
@media (prefers-reduced-motion: reduce) {
.fg-plasma-flare { animation: none; }
}
.fg-node {