Resources Home 
CSS3 and HTML5 Articles
User rating:
Swinging keyframe animation
This demo shows how to use CSS3 keyframes to create a perpetual, periodically running swinging effect on a HTML element.
User rating:
Animated UL background effect
This CSS3 example demonstrates animating the min-width property of an element to create a stretching background effect
User rating:
Pure CSS3 Push Down Panel
This is a CSS3 push down panel that when clicked on reveals some content. The entire interface is created using a combination of CSS3 shadows, round borders, and CSS2 generated content.
User rating:
Introduction to CSS Media Queries
A nice overview of CSS media queries and how to use it to cater your webpage to various devices and screen dimensions.
User rating:
Hakim CSS3 Experiments
A handful of cutting edge CSS3 experiments showcasing what's possible using JavaScript and CSS3 canvas, transitions, transforms etc.
User rating:
CSS3 Shadow Block Menu
This CSS Menu harnesses CSS3's ability to define multiple/ inset shadows on an element to create menu items with bevelled edges and a growing inner glow when the mouse rolls over them.
User rating:
CSS3 Stop-watch without using any images or script
A analog stop watch created using nothing more than CSS3, specifically, CSS3 keyframe animations.
User rating:
Using CSS Background-size Responsively
This article looks at how to show inline and background images in a responsive manner, one that adjusts to the user's screen size.
User rating:
Speakker HTML5 audio player
Speakker is a last.fm HTML5 audio player script built upon the famous projekktor video player. Easy to set up and comes with different themes out of the box.
User rating:
Image with sliding description panel using CSS3 transitions
This CSS example shows how to add an animated description panel to images that slides open when the mouse rolls over the image using CSS3 transitions.
