Welcome To Snipplr
Everyone's Recent Snippets Tagged CSS3
- All /
- JavaScript /
- HTML /
- PHP /
- CSS /
- Ruby /
- Objective C
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
1437
posted 14 years ago by StefanHagen
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
1231
posted 14 years ago by dtigraphics
Use as follow :
.example{
.insetShadow(0, 1px, 5px, rgba(0,0,0, .5));
}
0
1144
posted 14 years ago by kanouf
CSS3 button with a transparent glass effect (looks better on a textured background). A snapshot can be seen <a href="http://demos.pixelworkshop.fr/misc/css_button.jpg">Here</a>
0
1659
posted 14 years ago by Keliah
RGBa is a way to declare a color in CSS that includes alpha transparency support.
Filter for IE could be add per conditional comment
0
1226
posted 14 years ago by dkl3in
CSS3 multiple backgrounds with fallback color.
For compatibility info see http://caniuse.com/#search=multiple%20background
1
1431
posted 14 years ago by Moonsheeld
Use as follow in you style.less file :
<pre>
.example{
.linearGradient(0, #fff, 50%, #ccc, 100%, #fff);
}
</pre>
1
1554
posted 15 years ago by kanouf
jQuery testing for animating CSS transforms using CSS transitions.
0
1038
posted 15 years ago by martenbjork
Use as follow in your style.less file :
<pre>
.example{
.rotation(9deg);
}
</pre>
1
1250
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
1132
posted 15 years ago by visudex
<a href="http://nettuts.s3.amazonaws.com/837_shadow/shadow/index.html">View a demo</a>
17
10340
posted 15 years ago by Nettuts