Welcome To Snipplr
Everyone's Recent CSS Snippets
- All /
- JavaScript /
- HTML /
- PHP /
- CSS /
- Ruby /
- Objective C
Took bits and pieces of Responsive Boilerplate, using mobile first and progressively enhanced ideology to make a solid starting point for Responsive Design.
        
        
        
            1 
        
        
            1482 
        
                    posted 12 years ago by dsuffern
            Truncate text using only CSS. IE 6+, Safari 4+, Firefox 7+, Opera 11+ and Chrome 10+:
        
        
        
            0 
        
        
            2310 
        
                    posted 12 years ago by zfisic
            These 2 techniques can be used for alternating row-colors in a table.
        
        
        
            1 
        
        
            2494 
        
                    posted 12 years ago by apphp-snippets
            In modern browsers select options can now be style using most css properties. Of course, IE is still behind but it does support some styling as well.  There are a lot more options on the site.
        
        
        
            0 
        
        
            2328 
        
                    posted 12 years ago by COBOLdinosaur
            A simple message box created with only one div container with background and border color, some margin and padding for position the text message nicely, I set the width for 500px, you can change it to auto or any fixed value you want.
        
        
        
            1 
        
        
            1514 
        
                    posted 12 years ago by codingforever99
            allows itmings to be set for colour transitions if this is put into mouseover/ hover block.
        
        
        
            1 
        
        
            1108 
        
                    posted 12 years ago by Dugzor
            When box sizing is set, the padding, border and margin no longer add onto the total width or height of the element. Instead, they eat into the set width or height. So, if you have a box whose width is set to 300px, and padding set to 10px, then the t...
        
        
        
            1 
        
        
            2406 
        
                    posted 12 years ago by bmayzure
            Cross-browser roll link effect in CSS3. Works in IE 10+, Webkit (Chrome/Safari/etc), Opera, Gecko (Firefox/Seamonkey/etc). Degrades nicely for unsupported browsers.
        
        
        
            0 
        
        
            2255 
        
                    posted 12 years ago by bmayzure
            A simple CSS3 link-color transition effect. Fades from the base color to the active/focus color and back on rollover. A nice little added effect that's pretty well cross browser. Works with Webkit (Chrome/Safari/etc), Opera, Gecko (Firefox/Seamonkey/...
        
        
        
            1 
        
        
            2373 
        
                    posted 12 years ago by bmayzure
            Using an image background for a photo allows all kinds of framing possibilities
        
        
        
            0 
        
        
            1211 
        
                    posted 12 years ago by COBOLdinosaur
            When using a CSS3 property that has vendor-prefixed versions available, I indent as usual with one tab and then use spaces to line up the properties on the colon. This allows for easy editing of all ‘sibling’ properties at once using [Sublime Tex...
        
        
        
            1 
        
        
            2533 
        
                    posted 12 years ago by Todd
            Uses the table display properties in div tags to merge the attributes of multiple tags.
        
        
        
            0 
        
        
            2268 
        
                    posted 12 years ago by COBOLdinosaur
            Eric Meyer's Reset Reloaded + HTML 5, from Boilerplate
        
        
        
            9 
        
        
            16169 
        
                    posted 12 years ago by lookingforsome
            CSS code to add a CSS3 box shadow to the bottom of an element only.
        
        
        
            0 
        
        
            2205 
        
                    posted 12 years ago by Huskie
            CSS stylesheet template - including HTML5 reset, tweaks for mobile including media queries, print reset styles, and base styles for standardization
        
        
        
            7 
        
        
            2858 
        
                    posted 12 years ago by rickygri
            Bruger til at centrere et billede midt i skærmen og fylder ud
        
        
        
            0 
        
        
            1201 
        
                    posted 12 years ago by smaakagemorten
            CSS media queries for common screen sizes which are ignored in older browsers.
        
        
        
            3 
        
        
            1208 
        
                    posted 12 years ago by o0110o
            The fixed page layout responsive design CSS used in Nexus Themes Framework
        
        
        
            0 
        
        
            1419 
        
                    posted 12 years ago by vanseijen
            The relative "em" version of the fixed page layout of the Nexus core theme
        
        
        
            0 
        
        
            2220 
        
                    posted 13 years ago by vanseijen
            
