Toggle navigation
☰
HTML
CSS
Scripting
Database
<!DOCTYPE html> <title>My Example</title> <svg width="300" height="200" xmlns="http://www.w3.org/2000/svg"> <!-- Original rectangle (for reference) --> <rect x="10" y="60" width="60" height="60" fill="lightgray" stroke="#aaa" stroke-width="1" /> <text x="10" y="55" font-size="11" fill="#888" font-family="sans-serif">original</text> <!-- translate() --> <rect x="0" y="0" width="60" height="60" fill="steelblue" transform="translate(90, 50)" /> <text x="92" y="45" font-size="11" fill="#333" font-family="sans-serif">translate</text> <!-- rotate() --> <rect x="0" y="0" width="60" height="60" fill="coral" transform="translate(200, 80) rotate(30)" /> <text x="195" y="50" font-size="11" fill="#333" font-family="sans-serif">rotate</text> </svg>
