CSS3—the current version of stylesheets—provides easy access to effects, such as drop shadows, rounded box corners, and opacity (transparency). Additionally, CSS3 introduces transforms that change the shape, location, rotation, and size of objects. Together, CSS3 effects and transforms open the door to making web pages more dynamic, more inviting, less "boxy", and more interactive.
Effects and transforms can be made interactive by changing the appearance of objects as a user hovers over or clicks on them with a mouse. Together, effects and transforms, with or without animation, make it much easier than the previous tools to add accessible, inviting design elements and dynamism to web pages.
CSS3 effects and transforms are defined through stylesheets; so, we can take advantage of Dreamweaver's CSS Styles panel to avoid much, if any, recourse to handcoding, to create them.
In this chapter we will explore the following:
Defining and applying CSS3...