Welcome To Snipplr
Everyone's Recent CSS Snippets Tagged CSS3
- All /
- JavaScript /
- HTML /
- PHP /
- CSS /
- Ruby /
- Objective C
CSS3 multiple backgrounds with fallback color.
For compatibility info see http://caniuse.com/#search=multiple%20background
1
1973
posted 15 years ago by Moonsheeld
Use as follow in you style.less file :
<pre>
.example{
.linearGradient(0, #fff, 50%, #ccc, 100%, #fff);
}
</pre>
1
2199
posted 15 years ago by kanouf
Use as follow in your style.less file :
<pre>
.example{
.rotation(9deg);
}
</pre>
1
1803
posted 15 years ago by kanouf
Use the regular box shadow, but add the keyword "inset" as the last parameter.
Works in Firefox, Safari, Chrome, Opera and IE9.
0
1671
posted 15 years ago by visudex
<a href="http://nettuts.s3.amazonaws.com/837_shadow/shadow/index.html">View a demo</a>
17
11928
posted 16 years ago by Nettuts
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
2063
posted 16 years ago by alozuldo
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
1945
posted 16 years ago by jazzs3quence