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
663
posted 12 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
560
posted 13 years ago by dtigraphics
Use as follow :
.example{
.insetShadow(0, 1px, 5px, rgba(0,0,0, .5));
}
0
511
posted 13 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
755
posted 13 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
569
posted 13 years ago by dkl3in
CSS3 multiple backgrounds with fallback color.
For compatibility info see http://caniuse.com/#search=multiple%20background
1
557
posted 13 years ago by Moonsheeld
Use as follow in you style.less file :
<pre>
.example{
.linearGradient(0, #fff, 50%, #ccc, 100%, #fff);
}
</pre>
1
731
posted 13 years ago by kanouf
jQuery testing for animating CSS transforms using CSS transitions.
0
429
posted 13 years ago by martenbjork
Use as follow in your style.less file :
<pre>
.example{
.rotation(9deg);
}
</pre>
1
550
posted 13 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
463
posted 13 years ago by visudex
<a href="http://nettuts.s3.amazonaws.com/837_shadow/shadow/index.html">View a demo</a>
17
4459
posted 13 years ago by Nettuts