Introduction

Link Effects

Box Shadows

Curves

IMC Home Page

Introduction

Cascading Style Sheets are used to control the appearance of a Web page. For most Web builders CSS are tools to specify the color and style of text, background images or color, basic borders, and a limited range of other options. However, CSS can be used to do more than that. For instance, the CSS3 specification allows builders to create rounded corners and drop shadows for block elements such as divisions. When combined with "classic" CSS rules for links, it is possible to make very interesting effects that have the appearance of images but the advantages of Cascading Style Sheets.

Unfortunately, as the details of CSS3 are being worked out, not all of the current crop of browsers support every new rule. In some instances, the method of implementing the new rule varies slightly from browser to browser. Although, as time goes on most of these differences have been disappearing. We will discuss the various methods implementing the rules. But, be aware that the capabilities of the browsers change, so what cannot be done today might very well be acceptable tomorrow.

The good news is that as new browsers appear, the are both integrating the rules of CSS3 and HTML5. We will address these changes to the best of our abilities as they occur.

To take full advantage of this tutorial you will need to-

To start learning about advanced CSS effects, simply click a link on the left.

The techniques discussed here really work. These pages are built using them.