Skip to content

Instantly share code, notes, and snippets.

@defHLT

defHLT/zshUY2o8x.html

Last active August 28, 2016 10:11
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save defHLT/47ebbd2e74c0e968918f80757b3491ab to your computer and use it in GitHub Desktop.
Save defHLT/47ebbd2e74c0e968918f80757b3491ab to your computer and use it in GitHub Desktop.
Download ZIP
Raw
zshUY2o8x.html
<!DOCTYPE html>
<html>
<head>
<title>SVG SMIL Animate with Path</title>
</head>
<body>
<svg width="300px" height="100px">
<rect x="0" y="0" width="300" height="100" stroke="black" stroke-width="1" />
<rect x="0" y="0" width="20" height="20" fill="blue" stroke="black" stroke-width="1">
<animateMotion path="M 250,80 H 50 Q 30,80 30,50 Q 30,20 50,20 H 250 Q 280,20,280,50 Q 280,80,250,80Z"
dur="3s" repeatCount="indefinite" rotate="auto">
</rect>
</svg>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment