1. CSS Gradient Text and Background

css_gradient

CSS Gradients using pure CSS
Background gradients and CSS

gradient_text

CSS Gradient Text Effect
Pure CSS Text Gradient


2.Image Overlay Using Z-Index

z-index

Understading Z-Index
CSS Z-index

3. Using the CSS Boder Creatively

border

Create a Scalable Star using using CSS border
Border Slants

4. A Cool CSS Effect – Dashboard

osx

Dashboard

5. Creating 2D/3D buttons using CSS

css_button css_button2

3D Rollover Button using CSS
How to make sexy buttons with CSS
CSS rollover buttons

6. Text Embossing/Shadow Technique With CSS

CSS_emboss

7. Iconize Text links/Hyperlink with CSS

icon_text

Add icon to the hyperlink.
Iconize Textlinks with CSS

8. CSS Curly Quotes

qoutes

Curly Quotes with Pure CSS
Swooshy Curly Quotes Without Images

9. Using CSS Opacity for Various Cool Effects

css_opacity_menu

A CSS only fly-out menu with transparency
CSS Menu using CSS opacity property
Opacity Background Blending Effects
Transparency Menu Watermark on an image

10. Blurry Background Effect

blurry_bg

how to create a blurry background using CSS

11. CSS Parallax Effect

parallax

Examples of and How to Create the CSS Parallax Effect
A parallax illusion with CSS: The Horse in Motion

12.Create a Lightbox effect only with CSS

css_lightbox

technique

13.CSS-Only Accordion Effect

css_accordian

create Accordion using CSS

14. Add grunge Effect to Text Using Simple CSS

grunge1

tutorial

15.Create a Block Hover /Element Hover Effect

block_hover

Learn how to create a block hover effect for a list of links
CSS element hover effect.

16. Simple Dither Effect using CSS

dither

dither effect using

17. Create a liDock Menu

css_dock

Horizontal Menus That Grow on You

18. CSS Hover Swap Effect

hover_swap

CSS swap hover effect

19. Polaroid effect using CSS

polaroid-css