Welcome To Snipplr
Everyone's Recent CSS Snippets
- All /
- JavaScript /
- HTML /
- PHP /
- CSS /
- Ruby /
- Objective C
Of course, you don't have to set the width to 50%. Any width less than the containing div will work. The margin: auto is what does the actual centering.
1
734
posted 13 years ago by alozuldo
If you would like to use relative units (em) for your font sizes, declaring 62.5% for the font-size property of the body will make it easier to convert px to em. By doing it this way, converting to em is a matter of dividing the px value by 10 (e.g....
3
818
posted 13 years ago by alozuldo
For progressive enhancement, you could use the transform property that is supported by many browsers that have CSS3 support.
Here’s a trick for enlarging a elements on hover by 110%.
1
661
posted 13 years ago by alozuldo
The code below will change the background-color of divs depending on what browser the user is viewing the web page under. Since * cascades down to IE7 and below, we use _ after that declaration so that IE6 (and below) has a different background color...
1
751
posted 13 years ago by alozuldo
This snippet for @font-face *didn't work* as well as the standard Bulletproof code.
1
541
posted 13 years ago by creativeboulder
demo at http://adamcoulombe.info/lab/css/background-transparency.html ... Give an element a background color transparency without affecting the opacity of child or descendant elements. This is a no-PNG method!
0
718
posted 13 years ago by adamcoulombe
This appears to be the easiest way to create vertical text (that isn't rotated) with CSS.
7
854
posted 13 years ago by Nettuts
Taken from (http://jc-designs.net/blog/2009/08/background-image-on-submit-button-in-ie6/)
1
732
posted 13 years ago by resting
This will add a subtle drop shadow to all images on a page. Works with all major browsers excluding Internet Explorer 8 and below. The beta version of Internet Explorer does support box-shadow. There's a nice writeup on box shadow here: http://www...
2
604
posted 13 years ago by jazzs3quence