30-50% off hundreds of digital assets! WordPress themes, video, music and more 30-50% Off Go to Sale
Dismiss
Advertisement
  1. Web Design
  2. Fireworks
Webdesign

Quick Tip: Build CSS3 Effects Using Fireworks CS5

by
Length:QuickLanguages:
FireworksHTML & CSS
This post is part of a series called Fireworks Pro Series.
Fireworks Pro Series: Batch Processing

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

Advertisement
Tom Green
Tom Green
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.
Weekly email summary
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Translations

Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!

Translate this post
Powered by
Advertisement
Watch any
course now
Subscribe to Access
Advertisement
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 Themes
From $13
Magento Themes
From $17
ECommerce Websites
From $16
HTML5 Templates
From $4
Unlimited Downloads
From $16.50/month
Get access to over one million creative assets on Envato Elements.
Over 9 Million Digital Assets
Everything you need for your next creative project.
Create Beautiful Logos, Designs
& Mockups in Seconds
Design like a professional without Photoshop.
Join the Community
Share ideas. Host meetups. Lead discussions. Collaborate.
Quick LinksExplore popular categories