Двумерные трансформации / Защита города 5/32

Курсы §22. Двумерные трансформации
1

Добрый день. Подскажите, при записи ниже функция rotate “не работает”. Т.е. объект не поворачивается на 90 градусов.
.fence-1 {
transform: rotate(90deg);
transform: translateX(25px);
transform: translateY(-50px);

}

2

Если же записать так
.fence-1 {
transform: translateX(25px);
transform: translateY(-50px);
transform: rotate(90deg);
}
то работает только функция rotate. Если записывать все так: transform: translateX(25px), translateY(-50px), rotate(90deg); (последовательность функций не имеет значения), то ничего вообще никаких трансформаций не происходит.

3

Вопрос снят. Множественная трансформация transform: rotate(90deg) translate(x, y);

3 лайка