Возможно ли совместить transform (без анимации) с анимацией?

Question

[Алексей Николаев]

Доброй ночи.
Пример тут. Пытаюсь отцентровать элемент по вертикали, и потом вращать его. Сложность в том, что первый transform при включенной анимации не применяется, а поскольку элемент может быть рандомной высоты, это лучший вариант центрирования из всех прочих. Как быть?..

Спасибо.

Answer 1

[Nikolay Talanov]

У вас известна высота элемента, дак зачем вы пытаетесь его центровать с помощью translateY(-50%)? Юзайте отрицательный margin-top на половину высоты элемента и все. Вообще центровка элементов с помощью трансформаций это крайне ненадежная штука, ибо на нечетных значениях получится фигня из-за полпиксельного рендеринга.

Answer 2

[Cyril Diamandi]

Ответ на вопрос - невозможно.

Как вариант, зная высоту и ширину родителя, вы можете вертикально выравнивать элемент с помощью jQuery, пример

Comments

[wildsnail]

Ответ на вопрос - возможно jsfiddle.net/sLovm05y/6

[Cyril Diamandi]

И где здесь анимация, которую нужно было реализовать автору?

[wildsnail]

вот такой вариант норм?) jsfiddle.net/sLovm05y/7

Answer 3

[wildsnail]

Вот такого результата вы хотели добиться?