Skip to content

strangerintheq/formulanimator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 

Repository files navigation

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

About

simple tool for my codepen svg experiments

Resources

Stars

Watchers

Forks

Packages

No packages published