vndb/mithril-vndb
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update animation.md

Browse source
This commit is contained in:
Scotty Simpson 2018-05-05 07:22:01 -07:00 • committed by Pierre-Yves Gérardy
parent c34b0decc9
commit f161a59343
1 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
docs/animation.md
View file

@ -17,7 +17,7 @@ Mithril does not provide any animation APIs per se, since these other options ar
### Animation on element creation ### Animation on element creation
Animating an element via CSS when the element created couldn't be simpler. Just add an animation to a CSS class normally: Animating an element via CSS when the element is created couldn't be simpler. Just add an animation to a CSS class normally:
```css ```css
.fancy {animation:fade-in 0.5s;} .fancy {animation:fade-in 0.5s;}
@ -41,7 +41,7 @@ m.mount(document.body, FancyComponent)
### Animation on element removal ### Animation on element removal
The problem with animating before removing an element is that we must wait until the animation is complete before we can actually remove the element. Fortunately, Mithril offers a [`onbeforeremove`](lifecycle-methods.md#onbeforeremove) hook that allows us to defer the removal of an element. The problem with animating before removing an element is that we must wait until the animation is complete before we can actually remove the element. Fortunately, Mithril offers the [`onbeforeremove`](lifecycle-methods.md#onbeforeremove) hook that allows us to defer the removal of an element.
Let's create an `exit` animation that fades `opacity` from 1 to 0. Let's create an `exit` animation that fades `opacity` from 1 to 0.