One of the really neat things about CSS3 is the ability to create objects containing special effects such as gradients, rounded corners and even drop shadows. In this tutorial I'm going to show you how a new Fireworks extension can do all the hard work for you.

The Fireworks CSS3 Mobile pack, found on Labs, gives you the ability to create an object in Fireworks CS5.1, extract its CSS3 properties and add them to an HTML page in Dreamweaver CS5.5.

I'll also show you how to preview your effects in various browsers - code free.

Watch the Screencast

Additional Resources

• Fireworks CSS3 Mobile pack