This recipe creates a class style box that can be reused repeatedly on a page that displays with 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 will use in the recipe.
In our particular scenario, we will apply rounded corners and slghtly enlarge the box when it is hovered over.
Here's what you need to have in place before diving into this recipe: You need to have defined a Dreamweaver site. Jump back to Chapter 1, and review the discussion and steps there for creating a Dreamweaver site.
With your site defined you are ready! Everything we need is right in Dreamweaver CS5. Let's first set up the files we need:
Choose File | New to open the New Document dialog. Choose Blank Page in the Category column, HTML in the Page Type column, and <none> in the Layout column...