Animated UL background effect
This CSS example demonstrates animating the min-width property of an element to create a stretching background effect. Here we use the technique to add a nice rollover effect to UL lists, so the user can easily home in on a particular list item just by rolling the mouse over it. The animation uses CSS3, which works in IE10+, FF, Chrome, and Safari.

CSS checkout style breadcrumbs
The following CSS turns a UL list into a checkout style breadcrumbs interface. Good for ecommerce checkout or an unconventional site breadcrumb trail.

CSS Clean Pricing Table Template
This is a clean, neatly centered CSS pricing table. It's fully responsive and fluid, thanks to its use of CSS flexbox.

CSS Generated Content
CSS2 supports the insertion of generated content, which is content that's specified using your style sheet and applied dynamically to the page according to your CSS definition. This is very useful for further decorating an element with rich content that should not be part of the page's actual markup.

CSS only Page Curl Effect
This CSS example shows how to create a fully functional page curl effect using CSS3 only. Move your mouse over the curl, and it peels back to reveal content underneath.

CSS Pseudo-classes
Pseudo-class are an interesting group of selectors in CSS that apply to elements when they're in a certain state or condition. The most prevalent use of pseudo classes is to style the various states of text links.

Custom scrollbar colors
In IE5.5+ and above, you can use CSS to customize the color of the scrollbars on the page, which includes various components of the scrollbar. This example shows you the code.