O'Reilly logo

Learning AngularJS Animations by Richard Keller

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 2. Understanding CSS3 Transitions and Animations

CSS3 transitions and CSS3 animations are standard ways to create web animations nowadays. With only a few lines of code, we can achieve great and smooth results. In this chapter, we will learn how to use CSS3 to create the animations we want so that we can hook the animations into the AngularJS pipeline.

In this chapter, we will learn:

  • CSS3 transitions
  • CSS3 keyframe animations
  • CSS transforms

CSS3 transitions

Before CSS3 transitions, when style properties of DOM elements were changed, web browsers applied new styles immediately after the operation, so the effects were rendered abruptly. As we saw in the last chapter, we could use JavaScript or jQuery to imperatively add a transition while changing ...

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