30 Exceptional CSS Techniques and Examples

Code, Tutorials April 27, 2008

When you are under time crunch and want to achieve something fairly fast, it is a big time savor not having to weed through Google results to find the best CSS approach for the specific effect you want to achieve. The following listing at Six Revisions has some really great links and tutorials on how to accomplish CSS related tasks. Here a small snippet of it:

Six Revisions

30 Exceptional CSS Techniques and Examples
April 25th, 2008 by Jacob Gube

In this article, I’ve pieced together 30 excellent CSS techniques and examples that showcases the capabilities and robustness of CSS. You’ll see a variety of techniques such as image galleries, drop shadows, scalable buttons, menus, and more - all using only CSS and HTML.

Clicking on the title will direct you to the documentation/tutorial, while clicking on the accompanying image will direct you to the demo page if it’s separate from the documentation.

1. Hoverbox Image Gallery
A pure css-based gallery; hovering over an image enlarges it.

2. Advanced CSS Menu
A creative and complex navigation scheme.

3. Sliding Photograph Galleries
An accordion effect; hovering over an image expands it.

4. Lightbox Slides
Part of an article entitled “Supercharge your image borders” showcasing how you can use

[…]

Make sure to checkout the full list and their links at Six Revisions » 30 Exceptional CSS Techniques and Examples).