www. Expression-Web-Tutorial .com
Call 1.866.363.5633
www. Expression-Web-Tutorial .com
Call 1.866.363.5633
CSS 3 provides designers with some powerful and easy to use styling properties. With CSS 3 we can round corners of page elements without using images; add drop shadows to text and page elements; modify opacity levels; make linear and radial gradients, and much more.
In the tutorials that follow, you will learn the basics of rounding corners and modifying Opacity. If you want more CSS 3, then check out the HTML5 DVDs. Shortly, a new DVD will be released which will teach you about using CSS 3 and adding Jquery to your pages.
If you download the new service pack 1 for expression web 4, this will add some new css3 properties to the style builder. This makes it so simple to add rounded corners and box shadows to your page elements.
1. Make Rounded Corners with Using Images (border-radius property) See New Content about Rounded Corners!
2. Opacity (to determine the level of transparency) opacity or use the opacity filter for IE8 and earlier.
3. Box Shadow (drop shadow on a box or similar. (works in FF, Chrome, IE9, Safari, etc)
4. Text Shadow (drop shadow on text) (does not work in Internet Explorer, including version 9) But, we can use IE filters.
5. CSS 3 and PIE - Progressive Internet Explorer - forcing IE 8 and earlier to render CSS 3.