O'Reilly logo

Web Development Recipes, 2nd Edition by Chris Johnson, Mike Weber, Chris Warren, Brian P. Hogan

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

Recipe 3Creating Animations with CSS3 Transformations

Problem

Flash used to be the go-to tool for developers wanting to add animations to their sites. But as Flash animations become a distant memory, we have a new, built-in tool for animating content with CSS3. However, we may still run into sites that rely on Flash and need to be modernized.

Our client’s website originally had its logo done in Flash so that a “sheen” could be seen crossing the logo when the user loaded the page. He just noticed that his site looks different on his phone, and he’s not only frustrated that his animation doesn’t display, but he’s even more concerned that his logo doesn’t show up at all. While the missing effect doesn’t break the entire site, the missing logo ...

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