Точка отсчета (transform-origin) и комбинация свойств

translate(100px, 0)

scale(1.5)

skew(5deg, 5deg)

rotate(30deg)

transform-origin: right bottom;

translate(100px, 0)

scale(1.5)

skew(5deg, 5deg)

rotate(30deg)

transform-origin: left top;

translate(100px, 0)

scale(1.5)

skew(5deg, 5deg)

rotate(30deg)

translate(100px,10px)
scale(1.5)
skew(5deg, 5deg)
rotate(30deg)

transform-origin: LEFT TOP;
translate(100px,10px)
scale(1.5)
skew(5deg, 5deg)
rotate(30deg)

transform-origin: RIGHT BOTTOM;
translate(100px,10px)
scale(1.5)
skew(5deg, 5deg)
rotate(30deg)

back