Welcome To Snipplr
Everyone's Recent CSS Snippets
- All /
- JavaScript /
- HTML /
- PHP /
- CSS /
- Ruby /
- Objective C
This will take the screen width into account and display either a horizontal menu or a dropdown menu with a hover style. Resize your window to see the effect.
1
1031
posted 12 years ago by ryanfiorini
This is a good replacement for a mask for mobile devices. You are still able to click through the shadow to the text behind.
0
872
posted 12 years ago by ryanfiorini
This uses transitions for the hover effect which has limited IE support.
0
1039
posted 12 years ago by ryanfiorini
Here's a simple way to get your div always on center in any screen size.
margins should be half of width and height.
2
835
posted 12 years ago by fackz
rather annoying issue that I encountered and spent too much time researching - the relevant IE fix is in all caps
1
1153
posted 12 years ago by felicemente
Just came across pure css3 soothing clouds, looks awesome, checkout!
0
854
posted 12 years ago by jimmy101
a link with the class becomes circle animated rotating once and fading in
1
841
posted 12 years ago by discipolo
what could be placed in the * {} inorder to solve a few common issues
0
799
posted 12 years ago by prwhitehead
Originally from: http://webdesignerwall.com/tutorials/css-elastic-videos
0
857
posted 12 years ago by thewickedchemist
To specify background and text colors for the secondary nav in the active stack.
0
733
posted 12 years ago by sheilahoff
This will center your navigation in the bar (not the text in each button). Adjust the width to your navbar width
0
741
posted 12 years ago by sheilahoff
Show only non-printable area on web page but print only the printable areas
0
932
posted 12 years ago by duzenz
defining a printable area from a html web page. Making only one place printable
0
1295
posted 12 years ago by duzenz
Box shadow properties (example) box-shadow: 1px 3px 5px 2px #c6c6c6;
1px = horizontal offset
3px = vertical offset
5px = blur radius
2px = spread distance
#c6c6c6 = color
0
586
posted 12 years ago by ninacess
Use css for rounding corners instead of images.
Also use css3 for creating circles.
0
926
posted 12 years ago by ninacess
Really Nice CSS3 Buttons I came across. Love the gradients and especially the Pushy Effects.
0
715
posted 12 years ago by jimmy101
In my opinion, this is the best cross-browser method of clearing floated elements in a container. Remember to add .clear-fix{zoom:1;} to an IE specific stylesheet, otherwise IE 7 will complain.
0
790
posted 12 years ago by Huskie