Welcome To Snipplr


Everyone's Recent CSS Snippets



1 ... 9 10 11 12 13 ... 39
0 525 posted 12 years ago by screamwork
0 731 posted 12 years ago by dubogii
0 526 posted 12 years ago by a1ias
A simple way to style a link using a CSS sprite. On hover, the image is moved upwards by the image height to reveal the rollover image.
0 547 posted 12 years ago by studioevoque
This is the new way of creating rounded corners. No images, just 2 lines of code [includes mozilla fix] The two integers are used to set the radius. If they are equal, you can just put it down once.
0 649 posted 12 years ago by StefanHagen
0 550 posted 12 years ago by track02
Note that this approach DOESN'T maintain the image's aspect ratio. For a pure CSS technique that does that you need a CSS3 approach.
0 613 posted 12 years ago by f6design
This base CSS include clearfix, reset CSS, and 972px Grid System by Malikaholic.com. You have your own risk by using this CSS.
1 529 posted 12 years ago by HendyNurrizal
0 550 posted 12 years ago by Maux
225 is half the height, 350 is half the width
1 725 posted 12 years ago by egan10
see link
0 626 posted 12 years ago by rumremix
1 610 posted 12 years ago by jafar
This is the quickest way to style the search bar. It involves creating one single image that includes both the input area and search button.
0 771 posted 12 years ago by rumremix
The "inherit" aspect of this did not always work for me. For example, font-family may need to be explicitly specified in the generated css (in place of "inherit"). But this just takes a couple seconds. Simply search for "family" and replace "inherit"...
1 801 posted 12 years ago by rumremix
This snippet will add a linear-gradient atop a background image. With this you'll be able to assign tiling and non-tiling backgrounds with a top-down gradient. The linear-gradient syntax includes the newer, standard -webkit- syntax as well as the old...
0 542 posted 12 years ago by dtigraphics
0 530 posted 12 years ago by Savio
1 581 posted 12 years ago by clark-kim
Use as follow : .example{ .insetShadow(0, 1px, 5px, rgba(0,0,0, .5)); }
0 502 posted 12 years ago by kanouf
0 566 posted 12 years ago by drifterz28
1 526 posted 12 years ago by sethetter
Stop your html tables overlapping other elements to the right. Fix the table with a fixed layout. You may also have to set overflow:hidden and word-wrap:break-word
0 694 posted 12 years ago by peetj
1 ... 9 10 11 12 13 ... 39