Advanced Search

Welcome To Snipplr

Everyone's Recent CSS Snippets Tagged css

« Prev 1 2 3 4 5 ... 28
CSS Conic Gradient Example...........................
1 47909 posted 5 years ago by jamiedornan
fixes the dropdown li menu in Divi after shrinking header scroll to keep the li elements the correct color
0 24163 posted 6 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 23271 posted 6 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 3903 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 3991 posted 8 years ago by apphp-snippets
Aligning a label with a checkbox can be tricky. Here is the HTML and CSS I used to achieve it.
0 3918 posted 9 years ago by mattvbiggs
Learn how to build simple css horizontal list menu.
0 3902 posted 9 years ago by codingforever99
Change your list bullet to a custom character in CSS. Will not wrap it multiple lines
0 3506 posted 9 years ago by bcounts
This is the CSS for the footer
0 1684 posted 10 years ago by Hootz
Text input Field with Bottom Border only. Border color change at focus
0 2019 posted 10 years ago by 52756
It allows you to add your own fonts on the page. To convert to different formats use this service Font2Web.
0 3726 posted 10 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 3760 posted 10 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 1799 posted 10 years ago by heathbo
Nice little Face in for long text (slightly modified)
0 3633 posted 10 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 3720 posted 10 years ago by COBOLdinosaur
CSS3 code from portfolio site
0 3805 posted 10 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 3904 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 1974 posted 11 years ago by jefferis
This is the style for a basic banner.
0 3969 posted 11 years ago by RodolfoMiranda
In JSF 2.0, you can use <h:outputStylesheet> output a css file
0 3615 posted 11 years ago by luhonghai
Removes an item from the page, without affecting page flow or causing scrollbars. Much better than display: none; or even visibility: hidden;
0 2708 posted 11 years ago by luhonghai
useful and simple css navigation menu bar.
0 2953 posted 11 years ago by codingforever99
two properties: * counter-reset * counter-increment This example shows a way to number chapters and sections with "Chapter 1", "1.1", "1.2", etc.
0 2626 posted 11 years ago by ngocviet
This solution is based on Chrome specific CSS extension. Other browsers will ignore this rule.
0 2748 posted 11 years ago by apphp-snippets
A simple effect using simple CSS. This is part of a collection of gradient effects
0 2759 posted 11 years ago by COBOLdinosaur
This example shows you how to create custom tooltips, using just a pure CSS. In this examples we use "transform" feature of the CSS3 and some other tricks. Also you may find additional tooltip class provided, to show you the way you may customize thi...
0 1489 posted 12 years ago by apphp-snippets
This solution will help you to prevent many issues with your site, when you need to prevent long URL's from breaking out of container.
0 1695 posted 12 years ago by apphp-snippets
If you want to add horizontal spacing between rows, use a border for the <tr> tag:
1 1260 posted 12 years ago by fhenderson
A couple of useful media queries...
1 1841 posted 12 years ago by iroybot
If you want to have an element that appears on a higher z-index than another, but don't want it to receive click events, use the following:
0 1534 posted 12 years ago by chris5marsh
« Prev 1 2 3 4 5 ... 28