smil_animateTransform_skewX.svg

Enable keyboard shortcuts

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">

  <rect x="50" y="50" width="100" height="100" fill="blue">

    <animateTransform attributeName="transform" type="skewX" from="0" to="15" dur="1s" repeatCount="1"/>

  </rect>

</svg>