Toggle navigation
☰
HTML
CSS
Scripting
Database
<!doctype html> <title>Example</title> <svg width="400" height="200" viewBox="0 0 200 100"> <!-- 1. Rotation around its center --> <rect x="35" y="35" width="30" height="30" fill="gold" stroke="orange"> <animateTransform attributeName="transform" type="rotate" from="0 50 50" to="360 50 50" dur="4s" repeatCount="indefinite" /> </rect> <!-- 2. Pulsing Scale (now side-by-side) --> <g transform="translate(150,50)"> <circle cx="0" cy="0" r="15" fill="skyblue" opacity="0.5"> <animateTransform attributeName="transform" type="scale" from="1" to="1.5" dur="1s" repeatCount="indefinite" additive="sum" /> </circle> </g> <text x="50" y="90" font-size="6" text-anchor="middle" font-family="sans-serif">Rotation</text> <text x="150" y="90" font-size="6" text-anchor="middle" font-family="sans-serif">Basic Scaling</text> </svg>
