Toggle navigation
☰
HTML
CSS
Scripting
Database
<!DOCTYPE html> <title>My Example</title> <svg width="300" height="200" xmlns="http://www.w3.org/2000/svg"> <!-- scale() --> <rect x="0" y="0" width="60" height="60" fill="steelblue" transform="translate(20, 60) scale(1.5)" /> <text x="20" y="55" font-size="11" fill="#333" font-family="sans-serif">scale(1.5)</text> <!-- skewX() --> <rect x="0" y="0" width="60" height="60" fill="mediumpurple" transform="translate(120, 50) skewX(20)" /> <text x="120" y="45" font-size="11" fill="#333" font-family="sans-serif">skewX(20)</text> <!-- skewY() --> <rect x="0" y="0" width="60" height="60" fill="mediumseagreen" transform="translate(220, 50) skewY(20)" /> <text x="218" y="45" font-size="11" fill="#333" font-family="sans-serif">skewY(20)</text> </svg>
