Крутишь 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.
Просмотры: 1
Открыть в MAX Сообщить о неточности

Сообщить о неточности

Опишите, что нужно исправить. Если есть источник, добавьте ссылку.

Вы покидаете datool.ru

Ссылка ведёт на внешний сайт. datool.ru не отвечает за его содержимое — проверьте адрес, прежде чем вводить пароли или платёжные данные.

Переход через 10 с

Перейти