If you don't mind tech-related ads (not tracked), and want to keep us running, whitelist JSFiddle in your blocker.
Thank you! ❤️
Rough CSS reproduction of the navigation found at http://beta.rallyinteractive.com/
Quick example of a flexible grid with fixed-width columns
Uses CSS multiple backgrounds, background-size, gradients, and transitions to create a 'shine effect' when hovering over a button
Testing margin collapse of non-floats within elements using different clearfix code.
Use % units to significantly reduce the amount of CSS needed
A different type of step gradient
Step pattern created with CSS3 gradients
Using CSS linear gradients to create a repeating cross pattern.
Quick attempt at making a repeating star pattern using CSS gradients.
Two methods of creating border gradients.
Using CSS gradients and pseudo-elements to create semi-transparent folded corners. Background images no problem.
Image-free method of creating Method & Craft's 'active nav' arrow; uses pseudo-elements.
Using pseudo-elements and CSS3 gradients to create a ribbon without images or extra HTML.
A demo improving on the code used in another developer's demo
Using pseudo-elements to create a speech bubble effect without images or presentational HTML.
Could just as easily be used to present client testimonials, blog comments, tooltips, etc.
Animated button made without pseudo-elements. Works best in Firefox 4 because of buggy WebKit transitions.
Semantic HTML. Uses pseudo-elements but only "fully animated" in Firefox 4 for now.
Using pseudo-elements to create a ribbon without images or extra HTML.
An alternative pseudo-element method to create the download buttons on http://html5boilerplate.com
A more robust and simpler method that uses pseudo-elements, background-size, gradients, and transitions to create a 'shine effect' when hovering over the icon.
Alternative methods for trapezoid, pentagon, and heart shapes with CSS
An example of how to use CSS pseudo-elements to crop images.
Example code for producing a folded corner effect using CSS pseudo-elements
Example code for creating a popular tag style using CSS pseudo-elements
Two possible solutions to prevent pseudo-element 'shadows' dropping behind the background of a containing element. (Demo for @beep)
Uses CSS multiple backgrounds, background-size, gradients, and transitions to create a 'shine effect' when hovering over the icon