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
643
posted 10 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
536
posted 10 years ago by ryanfiorini
This uses transitions for the hover effect which has limited IE support.
0
627
posted 10 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
493
posted 10 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
705
posted 10 years ago by felicemente
Just came across pure css3 soothing clouds, looks awesome, checkout!
0
513
posted 10 years ago by jimmy101
a link with the class becomes circle animated rotating once and fading in
1
521
posted 10 years ago by discipolo
what could be placed in the * {} inorder to solve a few common issues
0
492
posted 10 years ago by prwhitehead
Originally from: http://webdesignerwall.com/tutorials/css-elastic-videos
0
516
posted 10 years ago by thewickedchemist
To specify background and text colors for the secondary nav in the active stack.
0
398
posted 10 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
400
posted 10 years ago by sheilahoff
Show only non-printable area on web page but print only the printable areas
0
565
posted 10 years ago by duzenz
defining a printable area from a html web page. Making only one place printable
0
794
posted 10 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
336
posted 11 years ago by ninacess
Use css for rounding corners instead of images.
Also use css3 for creating circles.
0
580
posted 11 years ago by ninacess
Really Nice CSS3 Buttons I came across. Love the gradients and especially the Pushy Effects.
0
432
posted 11 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
454
posted 11 years ago by Huskie