CSS3 has come out with new features that make it easier for you to create designs to make your websites look cooler much faster. It boasts of features like drop shadows, gradients, animations, opacity and rounder corners among others. CSS3 has a host of new features from which only the most popular ones will be discussed in this article. Here we are going to learnh How to make your Web Page Sizzle with CSS3.
The first step is to find a font that you like and looks fairly nice on your webpage. Then a generator is used to create a cross-browser code, this makes your font work across any browser.
Drop shadows and rounded corners:
Text shadows can be added to give it a nice 3D effect. Paragraphs can also have text shadows in case you plan on using a dark background shade. This enhances visibility. Boxes can be given rounded corners and shadows to make it look more natural.
With vendor prefixes, linear gradients are presently supposed across most new browsers. A few lines need to be added to get these gradients working across browsers.
Colors can be shined through from the background to the front. Web browsers that don’t support linear gradients still display the background color; this can be varied to get numerous color schemes. Background colors are essential for readability.
Fixing browser problems:
For the background color, CSS3 Pie permits internet explorer to show RGBa colors, it does not should the alpha value instead it gives the RGB channels as entirely opaque. To figure out which colors to use a color picker can be used, Opera Dragonfly color picker for instance, which works out the colors that were used in the gradient. This eliminates some of the flexibility given by the opacity feature of CSS3, but the output in internet explorer is much better. CSS3 pie does not support text shadows and box shadows but the other features give results that are better than what older internet explorer versions displayed.
Last Updated on