O'Reilly logo

Ionic : Hybrid Mobile App Development by Hoc Phan, Sani Yusuf, Rahat Khanna

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required