Update README.md
This commit is contained in:
parent
bb9e4999e3
commit
a30a22dfb3
1 changed files with 6 additions and 6 deletions
12
README.md
12
README.md
|
@ -138,14 +138,14 @@ The framework understands the `:on-show` and `:on-hide` transitions. These trans
|
|||
An easer is designed to be used as a dependency in a reactive computation, like this:
|
||||
|
||||
```clojure
|
||||
(def ease-factor (easer 0.0))
|
||||
(def ease-factor (animation/easer 0.0))
|
||||
(defn my-view []
|
||||
(with-transitions
|
||||
[:h1 {:opacity (rx (* 100 @ease-factor))
|
||||
:font-size (rx (* 16 @ease-fator))} "Hello World!"]
|
||||
(dom/with-transitions
|
||||
[:h1 {:style
|
||||
{:font-size (rx (str (* 16 @ease-factor) "px"))}} "Hello World!"]
|
||||
{:on-show (fn [node callback]
|
||||
(start-easing! easer 0 1.0 1000
|
||||
easing/quad-in on-complete)}))
|
||||
(animation/start-easing! ease-factor 0 1.0 1000
|
||||
animation/quad-in-out callback))}))
|
||||
```
|
||||
|
||||
**Easing functions:** an easing function, `f`, is a function that is designed to take an input `t` parameter that ranges from `0.0` to `1.0` that has the property `(= (f 0) 0)` and `(= (f 1) 1)`. Basically the easing function is supposed to smoothly transition from `0` to `1`. The easer itself takes care of properly scaling the values based on `duration` and `from` and `to` values. A selection of easing functions from Dan Kersten's [ominate](https://github.com/danielytics/ominate) (thank you!) is currently included in this library, but this is subject to change.
|
||||
|
|
Loading…
Reference in a new issue