diff --git a/frontend/src/app/site-finder/analysis/[cad]/ptica/ptica.module.css b/frontend/src/app/site-finder/analysis/[cad]/ptica/ptica.module.css index f164d9c4..81df944d 100644 --- a/frontend/src/app/site-finder/analysis/[cad]/ptica/ptica.module.css +++ b/frontend/src/app/site-finder/analysis/[cad]/ptica/ptica.module.css @@ -2441,16 +2441,37 @@ } /* Инсоляционная матрица — faint preview massing + ПРЕВЬЮ placeholder */ +/* Ambient «turntable» rotation of the massing-preview cube — gives a sense of + the 3D module without opening the drawer. A constant slight rotateX keeps a + sliver of depth visible as it passes edge-on. */ +@keyframes pticaIsoSpin { + from { + transform: rotateX(14deg) rotateY(0deg); + } + to { + transform: rotateX(14deg) rotateY(360deg); + } +} .isoBoxPreview { height: 74px; display: grid; place-items: center; margin: 2px 0 10px; opacity: 0.55; + perspective: 540px; } .isoBoxPreview svg { width: 100%; height: 100%; + transform-style: preserve-3d; + transform-origin: 50% 50%; + will-change: transform; + animation: pticaIsoSpin 8s linear infinite; +} +@media (prefers-reduced-motion: reduce) { + .isoBoxPreview svg { + animation: none; + } } .isoPreviewLeft { fill: rgba(150, 192, 214, 0.1);