SHA256
Связи: финальный вид сияющих связей
Перенести финальный плазменный рендер связей из коммита Pixel 2559f1e6 в main.
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user