Example - Animate SVG Buttons : Linear

Each button has an svg root and associated elements. They are each transformed to fit the button. Clicking the button will animate color and size.
Animation Settings:
1. Smoothness50 frames per second
2. Duration200 - runtime in ms
3. RangeRGB fill, .5 scale
4. Output Equationfunction linear(p){return p}
5. Application Output: clone + fill color + transforms


SVG Source:
Javascript:
OK in:IE11/CH32/FF23