Właściwość transform-origin służy do ustalenia punktu, wokół którego następuje transformacja.
transform-origin
.hold .item-1-1 { transform-origin: 0 0; transform: rotate(0deg); }
hello!
bez transform-origin
.hold .item-2-1 { transform: rotate(0deg); }
hello!
transform-origin
.hold .item-1-2 { transform-origin: 0 0; transform: rotate(10deg); }
hello!
bez transform-origin
.hold .item-2-2 { transform: rotate(10deg); }
hello!
transform-origin
.hold .item-1-3 { transform-origin: 0 0; transform: rotate(45deg); }
hello!
bez transform-origin
.hold .item-2-3 { transform: rotate(45deg); }
hello!
transform-origin
.hold .item-1-4 { transform-origin: 0 0; transform: rotate(90deg); }
hello!
bez transform-origin
.hold .item-2-4 { transform: rotate(90deg); }
hello!
transform-origin
.hold .item-1-5 { transform-origin: 0 0; transform: rotate(180deg); }
hello!
bez transform-origin
.hold .item-2-5 { transform: rotate(180deg); }
hello!
transform-origin
.hold .item-1-6 { transform-origin: 0 0; transform: rotate(360deg); }
hello!
bez transform-origin
.hold .item-2-6 { transform: rotate(360deg); }
hello!