Notes on the code examples from Visual Stylin' with CSS3 by Charles Wyke-Smith
The code examples for each section of Visual Stylin' with CSS3 are in files labeled with the section number and title. To view the examples, open a file in a Web browser. To view the code, open a file in a code editor, such as Dreamweaver, or any text editor.
Note that the CSS for the examples for each section are in a style
tag in the head
tag of the HTML. The CSS begins with the layout styles for the overall page. The CSS that applies to a specific figure follows, and will have the figure’s number in the selector name (e.g., transitions_fig91_1
, in this case meaning the first of the examples in Figure 91). If you are adding the CSS effect to your own markup, you need only the CSS contained in the selector with figure number.
Visit stylinwithcss.com/visual_stylin.php to obtain code updates, check for reported errata, and read related blog articles. Thanks for reading Visual Stylin' with CSS3!
Cheers, Charles.