fix(loader): remove transform-box fill-box — orbits rotated around offset bbox
CSS transform-box default для SVG = view-box (transform-origin в viewBox user coords). С transform-box: fill-box origin становится относительным bounding-box каждой группы (whirl + whirl-rev — arc bbox смещён). Арки летали по неправильной траектории. Прототип HTML rely on default — copy.
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user