Toggle navigation
☰
HTML
CSS
Scripting
Database
<!doctype html> <title>Example</title> <svg width="200" height="200" viewBox="0 0 100 100"> <!-- Basic animate tag --> <circle cx="20" cy="30" r="10" fill="gold"> <animate attributeName="cx" from="20" to="80" dur="2s" repeatCount="indefinite" /> <animate attributeName="fill" values="gold;orange;red;gold" dur="4s" repeatCount="indefinite" /> </circle> <!-- The set tag for discrete changes --> <rect x="25" y="60" width="50" height="20" fill="skyblue"> <set attributeName="fill" to="seagreen" begin="mouseover" end="mouseout" /> </rect> <text x="25" y="90" font-size="8" font-family="sans-serif">Hover the box</text> </svg>
