-
Notifications
You must be signed in to change notification settings - Fork 5
overjase/snap-easing
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
Snap SVG Easing Equations A port of Robert Penner’s equations to percentage-based formulas for use in Snap SVG. http://www.robertpenner.com/easing/ http://snapsvg.io Available methods: - Quad ( mina.easeInQuad, mina.easeOutQuad, mina.easeInOutQuad ) - Cubic ( mina.easeInCubic, mina.easeOutCubic, mina.easeInOutCubic ) - Quart ( mina.easeInQuart, mina.easeOutQuart, mina.easeInOutQuart ) - Quint ( mina.easeInQuint, mina.easeOutQuint, mina.easeInOutQuint ) - Sine ( mina.easeInSine, mina.easeOutSine, mina.easeInOutSine ) - Circ ( mina.easeInCirc, mina.easeOutCirc, mina.easeInOutCirc ) - Expo ( mina.easeInExpo, mina.easeOutExpo, mina.easeInOutExpo ) - Elastic ( mina.easeInElastic, mina.easeOutElastic, mina.easeInOutElastic ) - Back ( mina.easeInBack, mina.easeOutBack, mina.easeInOutBack ) - Bounce ( mina.easeInBounce, mina.easeOutBounce, mina.easeInOutBounce ) Example use: var canvas = Snap('#svg'); var circle = canvas.circle( 0, 0, 100 ).attr({ fill: '#ff0000' }); circle.animate({ cx: 100 }, 1000, mina.easeOutExpo);
About
Snap SVG Easing Plugin (Robert Penner equations port)
Resources
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published