Skip to content

Latest commit

 

History

History
23 lines (10 loc) · 401 Bytes

README.md

File metadata and controls

23 lines (10 loc) · 401 Bytes

formulanimator

simple tool for my codepen svg experiments

it brings loops and formulas in svg

for animating an attribute use data- attributes

<circle data-cx="Math.sin(t)"></circle>  // t - time in seconds

for cloning elements use count attribute

<g count="3">
  <circle data-cx="Math.sin(t*i)"></circle> // i - clone index
</g>

https://codepen.io/collection/AzmepK