Member 10192353 Ответов: 1

Css : два разных источника преобразования в одном div непрерывно

Нажав на кнопку повернуть центр 45. div поворачивается на 45 градусов. затем нажатие на кнопку повернуть вверху слева сбрасывает предыдущий поворот и начинается с его исходного положения. Я хочу, чтобы это происходило из повернутого положения. Пожалуйста, помогите. Я новичок в HTML и CSS.

Что я уже пробовал:

Edit fiddle - JSFiddle[^]

1 Ответов

Рейтинг:
1

Peter Leow

Вы указали, что начало преобразования находится в верхнем левом углу, вы должны вычислить и указать новые верхние левые координаты после "поворота центра 45" для начала преобразования в

.test.RotateTopLeft {
    top: ?px;
    left: ?px;
    -webkit-transform-origin: top left;
    -webkit-transform: rotate(50deg);
}

Нарисуйте его на листе бумаги, чтобы визуализировать изменения.
Как получить новую верхнюю левую координату? Это математика, если вы забыли, спросите Google.