Arrow Comment Box
Using an "arrow" image, this CSS code transforms a regular DIV into a fancy "bubble" container . It's a nice interface to use for your blog's comment boxes, for example.

CSS 3D Flip
One of the groundbreaking features in CSS3 is the ability to rotate HTML elements in 3D space. The below CSS code shows how to rotate a "2 sided" element either on its X or Y axis to reveal the content on the back side.

CSS Drop Shadows
This examples shows how to add a drop shadow to any container element using only CSS (no images). It does this by wrapping the desired content in a DIV with its background color set to the desired shadow color.

CSS Gradient Shadow
This is a CSS and JavaScript technique that lets you add a shadow to most elements on your page with a customizable shadow depth and coloring. Just give the element in question a class name of "shadow" to activate the effect.

CSS Image Drop Shadows
This examples shows how to add a drop shadow to any container element using CSS and the help of a large shadow image in the background.

CSS Triangle Arrow DIVs
A look at how to use CSS to produce triangles/ arrows without any image. Using this technique, 4 speech bubble style DIVs can be created using markup only.

CSS3 Box Shadows (“box-shadow” property)
CSS3 supports a new "box-shadow" property that makes it very easy to add shadows to elements on your page, such as images, DIVs and SPANs. Lets see how to take advantage of it!