F

FRONT | Фронтенд | JavaScript | CSS | TanStack Start 1.0 | Vite 8 | Next.js 16.4 | TypeScript в Rust | React 19.3 | Bun 1.4.4 | Playwright 1.64 | SvelteKit 3.0 | Astro | WebMCP | Deno | Preact 11

IT и технологии · 24 октября 2026 г.

Открыть канал в MAX

Крутишь SVG-иконку через rotate, а она уезжает по орбите вместо того, чтобы крутиться н...

Крутишь SVG-иконку через rotate, а она уезжает по орбите вместо того, чтобы крутиться на месте. Виноват transform-origin: center — у SVG он считается от reference box, а тот по умолчанию view-box, весь холст. Одна строка меняет точку отсчёта: transform-box: fill-box. С ним center — центр самой фигуры, и координаты пересчитывать не надо. transform-box: fill-box; transform-origin: center; Chrome 64, Firefox 55, Safari 11. Baseline widely available с 16 октября 2026.