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
1679
posted 15 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
1868
posted 15 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
1937
posted 15 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
1521
posted 15 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
2109
posted 15 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
3163
posted 15 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
1617
posted 15 years ago by dtigraphics
Use as follow :
.example{
.insetShadow(0, 1px, 5px, rgba(0,0,0, .5));
}
0
1527
posted 15 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
1857
posted 15 years ago by peetj