Welcome To Snipplr
Everyone's Recent CSS Snippets
- All /
- JavaScript /
- HTML /
- PHP /
- CSS /
- Ruby /
- Objective C
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
570
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
674
posted 12 years ago by StefanHagen
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
639
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
549
posted 12 years ago by HendyNurrizal
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
806
posted 13 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
834
posted 13 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
568
posted 13 years ago by dtigraphics
Use as follow :
.example{
.insetShadow(0, 1px, 5px, rgba(0,0,0, .5));
}
0
518
posted 13 years ago by kanouf
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
724
posted 13 years ago by peetj