diff --git a/src/pages/utilities/animations.md b/src/pages/utilities/animations.md index 43752359e4e..844f82676e6 100755 --- a/src/pages/utilities/animations.md +++ b/src/pages/utilities/animations.md @@ -119,13 +119,15 @@ this.animationCtrl.create() .duration(1500) .iterations(Infinity) .fromTo('transform', 'translateX(0px)', 'translateX(100px)') - .fromTo('opacity', '1', '0.2'); + .fromTo('opacity', '1', '0.2') + .play(); ``` ```typescript +You can view a live example of this in Angular [here](https://stackblitz.com/edit/ionic-angular-basic-animations) and in React [here](https://stackblitz.com/edit/ionic-react-basic-animations). + In the example above, an animation that changes the opacity on the `.square` element and moves it from left to right along the X axis has been created. This animation will run an infinite number of times, and each iteration of the animation will last 1500ms. By default, all Ionic Animations are paused until the `play` method is called.