translate 対象を移動させる

translatetransformという要素の値として、どのくらいどこへズラすかを指定できます。

f:id:hrt0kmt:20140713193646p:plain

translateで右へ、X座標上で50px移動させます。

        .a {
            transform-origin:top left;
            transform:translateX(50px);
        }

f:id:hrt0kmt:20140713193850p:plain

右へ50px、下へY座標上30px移動させます。

        .a {
            transform-origin:top left;
            transform:translate(50px, 30px);
        }

f:id:hrt0kmt:20140713194255p:plain