From 20b6f4b8a54328d75d13972ccb65cd7b80e16855 Mon Sep 17 00:00:00 2001 From: Julian Garnier Date: Sun, 26 Mar 2017 16:22:40 +0200 Subject: [PATCH] Absolute gif path #114 --- README.md | 46 +++++++++++++++++++++++----------------------- 1 file changed, 23 insertions(+), 23 deletions(-) diff --git a/README.md b/README.md index f0fed377..5d461b77 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ # [anime.js](http://anime-js.com) ![](http://img.badgesize.io/juliangarnier/anime/v2.0/anime.min.js.svg?style=flat&color=18FF92) - + >*Anime* `(/ˈæn.ə.meɪ/)` is a lightweight JavaScript animation library. It works with any CSS Properties, individual CSS transforms, SVG or any DOM attributes, and JavaScript Objects. @@ -94,7 +94,7 @@ The `targets` property defines the elements or JS `Object`s to animate. ### CSS - + Any CSS properties can be animated: @@ -111,7 +111,7 @@ anime({ ### Individual CSS transforms - + CSS transforms can be animated individually: @@ -128,7 +128,7 @@ anime({ ### JavaScript Object properties - + Any `Object` property containing a numerical value can be animated: @@ -149,7 +149,7 @@ anime({ ### DOM Attributes - + Any DOM Attribute containing a numerical values can be animated: @@ -169,7 +169,7 @@ anime({ ### SVG Attributes - + Any SVG Attribute containing a numerical values can be animated: @@ -190,7 +190,7 @@ anime({ ## Property parameters - + Defines duration, delay and easing for each property animations.
Can be set globally, or individually to each properties: @@ -228,7 +228,7 @@ anime({ ## Function based property parameters - + Get different property parameters for every target of the animation.
The function accepts 3 arguments: `target`, `index`, `targetsLength`. @@ -258,7 +258,7 @@ anime({ ## Animation parameters - + Parameters relative to the animation to specify the direction, the number of loops or autoplay. @@ -310,7 +310,7 @@ anime({ ### From > To values - + Force the animation to start at a certain value. @@ -329,7 +329,7 @@ anime({ ### Function based values - + Same as [function based property parameters](#function-based-property-parameters).
Get different values for every target of the animation.
@@ -358,7 +358,7 @@ anime({ ### Keyframes - + Keyframes are defined using an `Array` of property Object.
Instance's `duration` is divided by the number of keyframes of each properties if not specified. @@ -397,7 +397,7 @@ anime({ ### Basic timeline - + Play animations in sequence by creating a timeline: @@ -443,7 +443,7 @@ Access timeline children animations with `myTimeline.children` #### Relative offset - + Defines starting time relative to the previous animations duration. @@ -475,7 +475,7 @@ myTimeline #### Absolute offset - + Defines an absolute starting time on the timeline with a number. @@ -506,7 +506,7 @@ Play, pause, restart, seek animations or timelines. ### Play / Pause - + ```javascript var playPauseAnim = anime({ @@ -525,7 +525,7 @@ playPauseAnim.pause(); // Manually pause ### Restart - + ```javascript var restartAnim = anime({ @@ -543,7 +543,7 @@ restartAnim.restart(); // Restart the animation and reset the loop count / curre ### Reverse - + ```javascript var restartAnim = anime({ @@ -560,7 +560,7 @@ restartAnim.reverse(); // Change the animation direction ### Seek - + Change animations or timelines current time. @@ -580,7 +580,7 @@ seekAnim.seek(500); // Set the animation current time to 500ms ## Callbacks - + Execute a function at the beginning, during or when an animation or timeline is completed. @@ -674,7 +674,7 @@ Check if the animation has finished with `myAnimation.completed`, return `true` ### Motion path - + Translate and rotate DOM elements along an SVG path: @@ -694,7 +694,7 @@ var motionPath = anime({ ### Morphing - + Animate the transition between two SVG shapes: @@ -717,7 +717,7 @@ Shapes need to have the same number of points. ### Line drawing - + Line drawing animation of an SVG shape: