I've just finished to summarize some of the most advanced CSS3 techniques on a demo page. This page includes gradients, transformations, text shadows and rounded corners. You can consider this page as a quick summary to use such techniques on your daily experiments with CSS3. A quick note on gradients: when you use a gradient on the background
shorthand property, you should always make sure to specify the background-repeat
property as well. In fact, if you specify a gradient on the body
element, you should also specify no-repeat
for the background-repeat
property. Otherwise, you'll get the undesired effect of a fragmented gradient. You can see these techniques in action here.