feat: to can be relative number

sifrr · May 30, 2019 · 5732237 · 5732237
1 parent d76eb65
commit 5732237
Show file tree

Hide file tree

Showing 9 changed files with 156 additions and 25 deletions.
diff --git a/README.md b/README.md
@@ -16,8 +16,8 @@ This is a basic level library, which can be used to create complex animations as
 
 ## Size
 
-| Type                                         |                                                                                                                      Size                                                                                                                      |
-| :------------------------------------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
+| Type                                             |                                                                                                       Size                                                                                                       |
+| :----------------------------------------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
 | Normal (`dist/sifrr.animate.js`)                 |                    [![Normal](https://img.badgesize.io/sifrr/sifrr-animate/master/dist/sifrr.animate.js?maxAge=600)](https://github.com/sifrr/sifrr-animate/blob/master/dist/sifrr.animate.js)                   |
 | Minified (`dist/sifrr.animate.min.js`)           |               [![Minified](https://img.badgesize.io/sifrr/sifrr-animate/master/dist/sifrr.animate.min.js?maxAge=600)](https://github.com/sifrr/sifrr-animate/blob/master/dist/sifrr.animate.min.js)              |
 | Minified + Gzipped (`dist/sifrr.animate.min.js`) | [![Minified + Gzipped](https://img.badgesize.io/sifrr/sifrr-animate/master/dist/sifrr.animate.min.js?compression=gzip&maxAge=600)](https://github.com/sifrr/sifrr-animate/blob/master/dist/sifrr.animate.min.js) |
@@ -78,7 +78,7 @@ animate({ type: 'customType' ...})
 
 ### Format
 
-Property's current/from value and to value should be of same format (strings around numbers should de same).
+Property's current/from value and to value should be of same format (strings around numbers should be same).
 
 -   Number
 -   string with multiple numbers to animate, examples:
@@ -88,6 +88,15 @@ Property's current/from value and to value should be of same format (strings aro
     -   'abcd 1234 fed 45'
     -   'aaaaaa123aaaa123aaaaaa123aaaaaa'
 
+`OR`
+
+Relative `to`, `to` can be relative number as well
+
+-   if from is `100px`, and to is `+=20`, then final value will be `120px`
+-   if from is `100px`, and to is `-=20`, then final value will be `80px`
+-   if from is `100px`, and to is `*=2`, then final value will be `200px`
+-   if from is `100px`, and to is `/=5`, then final value will be `20px`
+
 ## Standalone files
 
 ```html

diff --git a/dist/sifrr.animate.js b/dist/sifrr.animate.js
diff --git a/dist/sifrr.animate.js.map b/dist/sifrr.animate.js.map
diff --git a/dist/sifrr.animate.min.js b/dist/sifrr.animate.min.js
diff --git a/dist/sifrr.animate.module.js b/dist/sifrr.animate.module.js