osbo.com | SVG | Values | rotate

The rotate SVG value specifies the rotation.

Values are expressed as <rotate-angle> [<cx> <cy>].

rotate

<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"> <rect height="100" width="100" x="200" y="200"> <animateTransform attributeName="transform" dur="4" repeatCount="indefinite" type="rotate" values="0 250 250;360 250 250"/> </rect> <rect fill="red" height="100" width="100" x="200" y="200"> <animateTransform attributeName="transform" dur="4" repeatCount="indefinite" type="rotate" values="0 250 250;-360 250 250"/> </rect> <rect fill="green" height="100" width="100" x="100" y="100"> <animateTransform attributeName="transform" dur="4" repeatCount="indefinite" type="rotate" values="0 250 250;360 250 250"/> </rect> <rect fill="blue" height="100" width="100" x="100" y="100"> <animateTransform attributeName="transform" dur="4" repeatCount="indefinite" type="rotate" values="0 250 250;-360 250 250"/> </rect> </svg>

scale

skewX

skewY

translate

World Wide Web Consortium (W3C)