Language : css
|Simple button fade transition||1man||CSS||buttonfadetransition||
On hover the button will have a smooth transition to the hover colour, then fade out on mouse out.
|Subtle Recessed Divider Line||nshakin||CSS||css||
Create a subtle "recessed" looking divider line. The example restyles the tag but it can applied to anything.
|CSS Custom Font File||nshakin||CSS||css||
Reference a custom font file for use within a stylesheet
|CSS3 transition cross browser||oblik35000||CSS||CSS3||
Making CSS transition effects work in all browsers, except IE 6-9
|background image stack||kickass||CSS||css||
|css border-box magical goodness||kickass||CSS||css||
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!
|CSS3 fullscreen background image - contain and cover options||kickass||CSS||backgrounds||
"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
|Common CSS Media queries||kickass||CSS||media||
3 basic/standard css media queries for iphone, tablet and desktop
|WordPress child theme||lromak||CSS||wordpress||
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.
|Facebook Login Form||jntu_gnec||CSS||form||
Tested in Firefox 4, Safari 4, Chrome 14, Opera 10, IE 8 (and newer)
|Css3 twitter follow box||jntu_gnec||CSS||box||
Demo Image: http://i.imgur.com/hTQXYOu.png
|Facebook Like Box CSS Layout Design||jntu_gnec||CSS||css||
Demo Image http://i.imgur.com/f7o3Flr.png
|Fade between a background image with CSS3||vaughanj||CSS||hoverrollover||
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.
|Absolute Center (Vertical & Horizontal) an Image | CSS-Tricks||scorpayllc||CSS||May 2|
|Center DIV with Dynamic Height | CSS-Tricks||scorpayllc||CSS||May 2|