diff --git a/ordinis-admin-ui/src/styles.css b/ordinis-admin-ui/src/styles.css index a99ad65..4f7d280 100644 --- a/ordinis-admin-ui/src/styles.css +++ b/ordinis-admin-ui/src/styles.css @@ -384,19 +384,21 @@ body { 0%, 100% { opacity: 0.18; } 50% { opacity: 0.42; } } +/* transform-box default = view-box для SVG elements — transform-origin + * считается в SVG user coordinates (viewBox 0 0 200 200). 100px 100px = + * центр глобуса. Прошлая версия с transform-box: fill-box ломала орбиты + * (origin становился offset bounding-box'а каждой группы — арки летали + * вокруг неправильной точки). Прототип HTML использует default — copy. */ .globe-loader .globe-whirl { transform-origin: 100px 100px; - transform-box: fill-box; animation: ord-globe-spin 3.6s linear infinite; } .globe-loader .globe-whirl-rev { transform-origin: 100px 100px; - transform-box: fill-box; animation: ord-globe-spin 5.4s linear infinite reverse; } .globe-loader .globe-pulse { transform-origin: 100px 100px; - transform-box: fill-box; animation: ord-globe-pulse 2.4s ease-in-out infinite; } /* Sphere/land внутри globe-loader rotates через d3 projection (rAF