O'Reilly logo

Dreamweaver CS6 Mobile and Web Development with HTML5, CSS3, and jQuery Mobile by David Karlins

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

Example – create an animated effect and transform

This recipe creates a class style box that can be reused repeatedly on a page that displays a CSS3 effect and a CSS3 transform when hovered over. As such, it is an easily adaptable recipe—you can use the information in this chapter to substitute different effects and transforms that we'll use in the recipe.

In our particular scenario, we'll apply rounded corners and enlarge the box slightly when it is hovered over.

Putting the pieces in place

Here's what you need to have in place before diving into this recipe: you need to have a Dreamweaver site defined. Jump back to Chapter 1, Creating Sites and Pages with Dreamweaver CS6, and review the discussion and steps there for creating a Dreamweaver site. ...

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