Welcome To Snipplr
Everyone's Recent CSS Snippets
- All /
 - JavaScript /
 - HTML /
 - PHP /
 - CSS /
 - Ruby /
 - Objective C
 
fixes the dropdown li menu in Divi after shrinking header scroll to keep the li elements the correct color
        
        
        
            0 
        
        
            18304 
        
                    posted 5 years ago by sharkpuck
            CSS gradients help you to display transitions between more than two colors. In order to create a linear gradient, you must represent at least two color stops. Color stops are the colors you desire to render smooth transitions among. In addition to th...
        
        
        
            0 
        
        
            17588 
        
                    posted 5 years ago by devquora
            If using transparency on a block element it makes the text inside transparent as well. Is there a way you can prevent that from happening? Yes, you may do it by putting the text in another div and setting the opacity to 100%, but that didn't do the j...
        
        
        
            0 
        
        
            3711 
        
                    posted 8 years ago by apphp-snippets
            You may align background image not only to left or top corner, but also use an offset for alignment.
        
        
        
            0 
        
        
            3778 
        
                    posted 8 years ago by apphp-snippets
            Align a div vertically inside another div (variable height) (tl;dr)
        
        
        
            0 
        
        
            3466 
        
                    posted 8 years ago by lapinblanc
            Changing the Dazzle`s strikethrough line menu style to underline.
        
        
        
            0 
        
        
            3371 
        
                    posted 8 years ago by deliciousthemes
            Aligning a label with a checkbox can be tricky. Here is the HTML and CSS I used to achieve it.
        
        
        
            0 
        
        
            3724 
        
                    posted 8 years ago by mattvbiggs
            Change your list bullet to a custom character in CSS.  Will not wrap it multiple lines
        
        
        
            0 
        
        
            3334 
        
                    posted 9 years ago by bcounts
            Text input Field with Bottom Border only. Border color change at focus
        
        
        
            0 
        
        
            1783 
        
                    posted 9 years ago by 52756
            The following code will display a cross-browser CSS-gradients. Th add the right selector you can use rgba() for transparency.
        
        
        
            0 
        
        
            3601 
        
                    posted 9 years ago by apphp-snippets
            It allows you to add your own fonts on the page. To convert to different formats use this service Font2Web.
        
        
        
            0 
        
        
            3526 
        
                    posted 9 years ago by apphp-snippets
            It allows you to add your own fonts on the page. To convert to different formats use this service Font2Web.
        
        
        
            0 
        
        
            3564 
        
                    posted 9 years ago by apphp-snippets
            This is code you put in a CSS file.  It queries the size of the screen using the parameters passed in.  If its true, it then applies the CSS
        
        
        
            0 
        
        
            1568 
        
                    posted 10 years ago by heathbo
            A simple transition from a linear gradient to a radial gradient can be made very dramatic by including a color change transition.  One of 10 effects presented.
        
        
        
            0 
        
        
            3505 
        
                    posted 10 years ago by COBOLdinosaur
            The base rotation can be in three different planes; though as we will see later combinations can make it look like we rotate through many perceived planes. In the examples below instead of rotate we specify the plane by using rotateZ (The default we...
        
        
        
            0 
        
        
            3667 
        
                    posted 10 years ago by COBOLdinosaur
            Unlike linked style sheets, it is necessary to enclose CSS in Headers in a "style type".
This example media query is for screens under 1024 (tablets and phones) to make sure the images do not extend beyond the layout.
        
        
        
            0 
        
        
            1694 
        
                    posted 10 years ago by jefferis
            In JSF 2.0, you can use <h:outputStylesheet> output a css file
        
        
        
            0 
        
        
            3427 
        
                    posted 10 years ago by luhonghai