Envato Elements Now includes 200,000 hand picked photos. Only $29/month. Envato Elements Now with 200,000 photos. Find Your Perfect Photo

Advertisement

Quick Tip: Build CSS3 Effects Using Fireworks CS5

by Tom Green9 Dec 2011

Length:QuickLanguages:

Fireworks HTML & CSS

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

Advertisement

Tom is a professor of Interactive Multimedia through the Humber Institute of Technology and Advanced Learning’s School of Media Studies. Like all faculty in the program, Tom believes his students deserve to be taught by instructors who are regarded as experts in their field and whose knowledge of their subject is current with industry best practice.

Looking for something to help kick start your next project?

Envato Market has a range of items for sale to help get you started.

Wordpress

WordPress Themes

Magento

Ecommerce

ECommerce Websites

Html5

HTML5 Templates

Elements

Unlimited Downloads
Only $29/month

Get access to over 18,000 creative assets on Envato Elements.

Market

Over 9 Million Digital Assets

Everything you need for your next creative project.

Studio

Hire a Freelancer

Choose from 2,000 professionals ready to do the work for you.

Community

Join the Community

Share ideas. Host meetups. Lead discussions. Collaborate.