14 : Transitions and Animations

Examples

  • Figure 14-4: An animated transition on the font-size property
  • Figure 14-5: An animated transition on the background-color, left, and top properties
  • Figure 14-8: An animation affecting the border-width, height, and width properties

Browser Support

Chrome Firefox Safari IE
Transitions Yes Yes Yes IE10
Animations Yes Yes Yes* IE10
  • * Requires vendor prefix.

A note on browser versions

Where a Yes is used in these support tables it means that the feature is supported either in an evergreen browser or in at least the last three versions of Safari (6–8) or IE (9–11). Otherwise, a version number will be shown. With regards to IE, it’s safe to presume that, with a very few exceptions, almost nothing in this book is implemented in IE8 or below.

For more complete version history I highly recommend the Can I use… compatibility tables.

Unless otherwise stated, all content on this website is © Peter Gasston and/or No Starch Press.