O'Reilly logo

Meteor Cookbook by Isaac Strack

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

Animating DOM elements

Meteor has a very elegant way of rendering DOM elements in our web apps, but until now, this hasn't included animations. Fortunately for us, Meteor now supports animations, including animations when an element is first added to the DOM. This recipe will walk you through how to use standard CSS animation techniques inside Meteor.

Getting ready

We will use the codebase from the Using dynamic templates recipe found in this chapter. Please follow that recipe first or download the corresponding codebase.

How to do it...

We will animate the shapes from our previous recipe, demonstrating animation both before and after the elements are first created and rendered.

Because we used SVG elements instead of DOM elements, we need to modify ...

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