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 
        
        
            2558 
        
                    posted 13 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 
        
        
            2352 
        
                    posted 13 years ago by ryanfiorini
            This uses transitions for the hover effect which has limited IE support.
        
        
        
            0 
        
        
            2499 
        
                    posted 13 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 
        
        
            1378 
        
                    posted 13 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 
        
        
            2695 
        
                    posted 13 years ago by felicemente
            Just came across pure css3 soothing clouds, looks awesome, checkout!
        
        
        
            0 
        
        
            2163 
        
                    posted 13 years ago by jimmy101
            a link with the class becomes circle animated  rotating once and fading in
        
        
        
            1 
        
        
            2180 
        
                    posted 13 years ago by discipolo
            what could be placed in the * {} inorder to solve a few common issues
        
        
        
            0 
        
        
            1238 
        
                    posted 13 years ago by prwhitehead
            Originally from: http://webdesignerwall.com/tutorials/css-elastic-videos
        
        
        
            0 
        
        
            2254 
        
                    posted 13 years ago by thewickedchemist
            To specify background and text colors for the secondary nav in the active stack.
        
        
        
            0 
        
        
            2156 
        
                    posted 13 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 
        
        
            2110 
        
                    posted 13 years ago by sheilahoff
            Show only non-printable area on web page but  print only the printable areas
        
        
        
            0 
        
        
            2358 
        
                    posted 13 years ago by duzenz
            defining a printable area from a html web page. Making only one place printable
        
        
        
            0 
        
        
            2645 
        
                    posted 13 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 
        
        
            916 
        
                    posted 13 years ago by ninacess
            Use css for rounding corners instead of images.
Also use css3 for creating circles.
        
        
        
            0 
        
        
            1418 
        
                    posted 13 years ago by ninacess
            Really Nice CSS3 Buttons I came across. Love the gradients and especially the Pushy Effects.
        
        
        
            0 
        
        
            1080 
        
                    posted 13 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 
        
        
            1312 
        
                    posted 13 years ago by Huskie
            
