Skip to Content
Learning CSS3 Animations and Transitions: A Hands-on Guide to Animating in CSS3 with Transforms, Transitions, Keyframes, and JavaScript
book

Learning CSS3 Animations and Transitions: A Hands-on Guide to Animating in CSS3 with Transforms, Transitions, Keyframes, and JavaScript

by Alexis Goldstein
December 2012
Beginner to intermediate
264 pages
7h 5m
English
Addison-Wesley Professional

Overview

Get Started Fast with Professional-Quality CSS3 Animation!

For web designers and developers building rich web and mobile applications, standards-based CSS3 is the future! Learning CSS3 Animations and Transitions is the only tutorial focused entirely on creating quality animations and transitions with CSS3. Leading web developer and trainer Alexis Goldstein¿ covers everything web professionals need to know through solid examples that help you build your¿ skills one step at a time.

Goldstein’s project-based approach guides you through using transforms, transitions, keyframe¿ animations, JavaScript, and even advanced techniques such as parallax scrolling. You’ll discover how to make the most of pure HTML5/CSS3, how to go even further with JavaScript and jQuery animation triggers, and how to add life, movement, and effects to any site or app. Along the way, you’ll find expert knowledge, best practices, and “jumpstart” code for building everything from rich animations to¿ advanced interactive infographics!

If you’re ready to move on from Adobe® Flash® Technology,¿and create dynamic, motion-rich experiences for today’s¿ browsers and mobile devices, Learning CSS3 Animations and¿ Transitions is your fastest route to success!

Coverage includes

  • Employing free tools to make the most of CSS3’s capabilities

  • Supporting vendor-specific prefixes and checking for HTML5 support

  • Leveraging the full power of CSS3 transforms

  • Combining transforms with transitions to animate changes over time

  • Using keyframe animations to gain fine-grained control over every moment of your animation

  • Building 3D-like effects without 3D manipulation

  • Using 3D transform properties to control depth

  • Creating powerful effects that combine 2D/3D transforms, transitions, and keyframe animations

  • Bringing text to life with animation techniques and jQuery

  • Creating full-fledged cartoon-style animations

  • Visualizing data through animated and interactive infographics

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

AirBnbBlueOriginElectronic ArtsHomeDepotNasdaqRakutenTata Consultancy Services

QuotationMarkO’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.
Julian F.
Head of Cybersecurity
QuotationMarkI wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.
Addison B.
Field Engineer
QuotationMarkI’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.
Amir M.
Data Platform Tech Lead
QuotationMarkI'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Mark W.
Embedded Software Engineer

You might also like

Learning CSS3 Animations and Transitions (Companion Video): Hands-on Guide to Animating in CSS3 with Transforms, Transitions, Keyframe Animations, and JavaScript

Learning CSS3 Animations and Transitions (Companion Video): Hands-on Guide to Animating in CSS3 with Transforms, Transitions, Keyframe Animations, and JavaScript

Alexis Goldstein
Using SVG with CSS3 and HTML5

Using SVG with CSS3 and HTML5

Amelia Bellamy-Royds, Kurt Cagle, Dudley Storey

Publisher Resources

ISBN: 9780133064438