Book Image

Learning AngularJS Animations

By : Richard Keller
Book Image

Learning AngularJS Animations

By: Richard Keller

Overview of this book

Table of Contents (15 chapters)
Learning AngularJS Animations
About the Author
About the Reviewers


  1. Create a "hamburger" menu, a commonly used menu in mobile apps with three lines on a button, which when clicked, slides the menu items from the left or top. Use the $animate service to hook animations in the enter and leave events.

  2. Create an animation using CSS animations with a fallback for the JavaScript animation. Apply this single animation in both native and custom directives.

  3. Create a card custom directive, similar to a Google+ post, or similar to a Windows 8 tile, that contains a button to flip it, to see the cover of the card. Create the flip animation using CSS animations.

  4. Create a magazine page directive, which when clicked on the page, opens the following page by flipping the current page to the left. This is similar to Steller animations (