Welcome To Snipplr


Everyone's Recent CSS Snippets



1 ... 9 10 11 12 13 ... 39
0 412 posted 11 years ago by screamwork
0 600 posted 11 years ago by dubogii
0 396 posted 11 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 430 posted 11 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 523 posted 11 years ago by StefanHagen
0 447 posted 11 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 475 posted 11 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 407 posted 11 years ago by HendyNurrizal
0 424 posted 11 years ago by Maux
225 is half the height, 350 is half the width
1 555 posted 11 years ago by egan10
see link
0 469 posted 11 years ago by rumremix
1 445 posted 11 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 605 posted 11 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 618 posted 11 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 430 posted 11 years ago by dtigraphics
0 415 posted 11 years ago by Savio
1 459 posted 11 years ago by clark-kim
Use as follow : .example{ .insetShadow(0, 1px, 5px, rgba(0,0,0, .5)); }
0 386 posted 11 years ago by kanouf
0 444 posted 11 years ago by drifterz28
1 384 posted 11 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 583 posted 11 years ago by peetj
1 ... 9 10 11 12 13 ... 39