Ribbons are often used in a website’s design. Now we can create these ribbons using different css3 techniques and without images. CSS3 Ribbons create a special 3D perception which is often used in modern designs. read more about creating ribbons in css3

Creating fancy buttons just got more easy with CSS3. You can apply gradients, shadows and corners to elements without using images. Using CSS3 for your buttons make it easy to apply changes like font-size or padding. The techniques used here can be applied to any element such as button, input, a, span, div and so on. read more about css3 button tutorial

With adding shadow effects to text and a box you can eliminate photoshop to create this effect. The CSS shadow effects are more dynamic which makes it more easy to apply changes. The css3 text-shadow is a slightly moved, possible blurred copy of the text. It can be used to give some depth to text or to give it a  glow. Hopefully will this feature not be overused by some of the beginning  web designers.
read more about css3 text-shadow

One of the most wanted features in CSS3 is giving a shadow effect to an attribute. This effect was previously achieved by applying images to attributes using css2. You needed to created extra divs in case of box-shadow or a whole image if you want to apply shadow to text. This way of working was cumbersome and it was not always easy to apply slight changes without having to recreate the used images. read more about css3 box shadow