CSS3 позволяет производить перемещение, масштабирование, повороты и наклоны блоков без использования JavaScript. Для этого используется своство transform
, которому передается одно или несколько действий через пробел. Порядок следования трансформации важен, так как при разном порядке могут получаться разные результаты.
tranform: действие(...);
Свойство transform-origin
задает точку отсчета системы координат, от которой будет работать трансформация (по умолчанию равна 50% 50%
= центр объекта).
transform-origin: точка-отсчета-по-X [, точка-отсчета-по-Y];