Chapter 5. Adding Animation

In this chapter, we will cover the following tasks related to adding animation and interaction to the app:

  • Embedding fullscreen inline video as background
  • Creating physics-based animation using Dynamics.js
  • Animating the slide component by binding gesture to animation state
  • Adding background CSS animation to the login page

Introduction

User experience is crucial for the initial traction of users. When your early adopters use the app for the first time, they will have a better impression, which creates trust and increases retention. App animation will also provide interactive feedback for the users so that they know what to do or take action based on very gentle visual hints.

Native apps used to have an advantage over web-based ...

Get Ionic 2 Cookbook - Second Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.