On hover the button will have a smooth transition to the hover colour, then fade out on mouse out.

Create a subtle "recessed" looking divider line. The example restyles the tag but it can applied to anything.

Reference a custom font file for use within a stylesheet

Making CSS transition effects work in all browsers, except IE 6-9

Multiple backgrounds

Forces padding to not be added to overall box dimensions but instead subtracted - good for frameworks. For example, a container 960px with a 20px border and a 20px padding added still remains 960px allowing me to enjoy my life free of pesky maths.

Old skool goodness!

"Contain" maintains aspect ratio of the image while giving a full screen - will scale down but wont scale up beyond 100% of its own dimensions and doesn't repeat by default "Cover" will crop either crop or stretch the image to cover the full screen - seems to be setting image to 100% of screen size regardless of browser window size

3 basic/standard css media queries for iphone, tablet and desktop

Stylesheet is required.

The functions already declared in the parent theme’s functions.php will still be active and you can simply supplement them by creating your own functions in your child theme’s functions.php, so there’s no need to copy everything from the original functions.php – just write any additional rules in a new functions.php file in your child theme.

Tested in Firefox 4, Safari 4, Chrome 14, Opera 10, IE 8 (and newer)

Demo Image: http://i.imgur.com/hTQXYOu.png

Demo Image http://i.imgur.com/f7o3Flr.png

Give the element a background-image, Then absolute position a span element within the div. Then you just need to set the opacity of the span element to 0, and animate the opacity on span:hover.