Welcome To Snipplr


Everyone's Recent CSS Snippets



« Prev 1 2 3 4 5 ... 40
CSS Conic Gradient Example...........................
1 7629 posted 1 year ago by jamiedornan
fixes the dropdown li menu in Divi after shrinking header scroll to keep the li elements the correct color
0 3775 posted 1 year 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 3748 posted 1 year 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 541 posted 4 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 570 posted 4 years ago by apphp-snippets
Align a div vertically inside another div (variable height) (tl;dr)
0 435 posted 4 years ago by lapinblanc
Changing the Dazzle`s strikethrough line menu style to underline.
0 398 posted 4 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 504 posted 4 years ago by mattvbiggs
this gets rid of all default form styles set by browser
0 399 posted 5 years ago by vaisakh
background image full size centered
0 463 posted 5 years ago by envane21
Learn how to build simple css horizontal list menu.
0 580 posted 5 years ago by codingforever99
Change your list bullet to a custom character in CSS. Will not wrap it multiple lines
0 418 posted 5 years ago by bcounts
CSS for form field validation
0 351 posted 5 years ago by fcommisso
This is the CSS for the footer
0 526 posted 5 years ago by Hootz
endless loop glow button effect
0 370 posted 5 years ago by envane21
endless loop glow button effect
0 382 posted 5 years ago by envane21
Text input Field with Bottom Border only. Border color change at focus
0 588 posted 5 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 460 posted 5 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 491 posted 5 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 471 posted 5 years ago by apphp-snippets
stylize placeholder text without affecting user text
0 380 posted 6 years ago by envane21
Button pulse animation (scale up and down)
0 394 posted 6 years ago by envane21
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 491 posted 6 years ago by heathbo
Nice little Face in for long text (slightly modified)
0 432 posted 6 years ago by designermedia
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 457 posted 6 years ago by COBOLdinosaur
CSS3 code from portfolio site
0 518 posted 6 years ago by johnschneider
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 462 posted 6 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 490 posted 6 years ago by jefferis
This is the style for a basic banner.
0 519 posted 6 years ago by RodolfoMiranda
In JSF 2.0, you can use <h:outputStylesheet> output a css file
0 430 posted 6 years ago by luhonghai
« Prev 1 2 3 4 5 ... 40