transform-box-svg-1b.svg

Enable keyboard shortcuts

Checkerboard

<svg xmlns='http://www.w3.org/2000/svg'>

<g transform="translate(30,30)">

  <!-- transform-origin specifies a point relative to the top left of the

       element's fill bbox when transform-box is set to 'fill-box', with

       percentage values resolved against the size of the fill bbox.

-->

  <rect x='10' y='10' width='100' height='100' fill='blue'

        style="transform:rotate(90deg); transform-origin:0px calc(110% - 10px);

               transform-box:fill-box;"/>

</g>

</svg>