Toggle navigation
☰
HTML
CSS
Scripting
Database
<!DOCTYPE html> <title>My Example</title> <svg width="360" height="150" xmlns="http://www.w3.org/2000/svg"> <!-- Circle that moves left to right using <animate> --> <circle cx="30" cy="75" r="25" fill="mediumseagreen"> <animate attributeName="cx" from="30" to="330" dur="3s" repeatCount="indefinite" calcMode="ease-in-out" /> </circle> <!-- Rectangle that rotates using <animateTransform> --> <rect x="210" y="45" width="60" height="60" rx="6" fill="mediumpurple"> <animateTransform attributeName="transform" type="rotate" from="0 240 75" to="360 240 75" dur="4s" repeatCount="indefinite" /> </rect> </svg>
