The animateTransform element for SVG animates a transformation attribute on a target element, thereby allowing animations to control translation, scaling, rotation and/or skewing.
Specifies the type of transformation which is to have its values change over time.
rotate | scale | skewX | skewY | translate
<svg xmlns="http://www.w3.org/2000/svg">
<rect height="100" width="100">
<animateTransform attributeName="transform" dur="4" repeatCount="indefinite" type="scale" values="1;4 2;1"/>
</rect>
</svg>
<svg xmlns="http://www.w3.org/2000/svg">
<rect height="100" width="100">
<animateTransform attributeName="transform" dur="4" repeatCount="indefinite" type="skewX" values="0;45;0"/>
</rect>
</svg>
<svg xmlns="http://www.w3.org/2000/svg">
<rect height="100" width="100">
<animateTransform attributeName="transform" dur="4" repeatCount="indefinite" type="skewY" values="0;45;0"/>
</rect>
</svg>
<svg xmlns="http://www.w3.org/2000/svg">
<rect height="100" width="100">
<animateTransform attributeName="transform" dur="4" repeatCount="indefinite" type="translate" values="0;200 100;0"/>
</rect>
</svg>