Preview

What’s included in SitePoint Premium?

CSS Animation: De-Animating the Undead Horde

What’s included in SitePoint Premium?

  • Read offline (beta)
  • 250+ books
  • 120+ courses
  • New content added weekly
  • Ad Free SitePoint
  • Cancel anytime
  • 30 Days Money Back Guarantee!

    Description:

    Nothing takes down zombies like an HTML element on the move. This book takes a look at transitions, transformations and animations in CSS.

    You’ll learn how to trigger a simple transition and then how to create a longer, more complex movement or color change and more using keyframes, easing functions, delays, durations and much more.

    You’ll also keep your page running smoothly by learning the most performant ways to animate your page with transformations.

    But what if you have a client with a sensitivity to motion or someone who would simply prefer no or very little motion? Well we can meet those concerns with the prefers-reduced-motion media query.

    Best of all we’ll take a look at the tried and true twelve principle of animation as set out by some legendary Disney animators. We’ll apply those principles to the web, looking both at how those principles might apply to character animation on the web, but also how they apply to UI animation.

    So take those static zombie poking sites and turn them into zombie stomping tanks of human ingenuity.

    available in:

    Reader