Advanced Search

Welcome To Snipplr

Everyone's Recent CSS Snippets

Removes an item from the page, without affecting page flow or causing scrollbars. Much better than display: none; or even visibility: hidden;
0 2443 posted 10 years ago by luhonghai
useful and simple css navigation menu bar.
0 2730 posted 10 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 2397 posted 10 years ago by ngocviet
Using a combination of background and padding styles to modify the way list image styles are applied.
0 2370 posted 11 years ago by bcounts
for my reference only. button transition effect and box shadow for everyday use
0 1554 posted 11 years ago by melaychie
A snippet that will centre an image within a container. The image also has a hover and background element 'on' the image.
0 2706 posted 11 years ago by brontus
This solution is based on Chrome specific CSS extension. Other browsers will ignore this rule.
0 2510 posted 11 years ago by apphp-snippets
A simple effect using simple CSS. This is part of a collection of gradient effects
0 2548 posted 11 years ago by COBOLdinosaur
Just add 2 classed (animated fadeInDown) to body
0 1373 posted 11 years ago by buda9
Prevent users submitting contact form if less than 2 words are entered (JavaScript)
0 1284 posted 11 years ago by buda9
jQuery Scroll to bottom of page
0 1433 posted 11 years ago by buda9
Now make a request to page.html?x=Hello: console.log(getQueryVariable('x'));
0 1368 posted 11 years ago by buda9
allows image to scale to fit mobile windows.
0 2337 posted 11 years ago by jefferis
Stop a link overflowing it's parent's width
0 2126 posted 11 years ago by flatearthcomms
This Effect is Mostly Created with Combination of Javascript and Css By the Below CSS Code Create Same Effect without javascript For Live Demo visit http://extremecss.blogspot.in/2014/01/awesome-image-hover-effect-using-pure.html
0 2183 posted 11 years ago by marutichintan
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 1292 posted 11 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 1456 posted 11 years ago by apphp-snippets
make images auto scale for mobile phones
1 2324 posted 11 years ago by jefferis
Having a handle for groups of options allows script driven dynamic effects to manage changes of presentation with in the select without having to refresh or use other inefficient methods of updating the display.
0 1595 posted 11 years ago by COBOLdinosaur
If you want to add horizontal spacing between rows, use a border for the <tr> tag:
1 1069 posted 12 years ago by fhenderson
A couple of useful media queries...
1 1582 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 1330 posted 12 years ago by chris5marsh
How to create animate rotation for a element.
0 2315 posted 12 years ago by keidash
Today in the days of high-resolution widescreen displays, it's annoying to visit websites that are formatted like it's 1990's. aligned all the way to the left. Make sure your website doesn't suffer the same fate by forcing it;s content to center hori...
0 1476 posted 12 years ago by apphp-snippets
* A set of starter styles that can be added to any library * The most-used styles I add to all of my sites
0 1308 posted 12 years ago by tymartist
The first thing you might notice is that I am not using nested lists to layout the menu. That is an old XHTML layout technique. I am using the more semantically correct HTML5 <nav> tag. Menus are not lists, they are navigation so using the more moder...
0 2645 posted 12 years ago by COBOLdinosaur
The CSS calc() function can be used anywhere a length, frequency, angle, time, number, or integer is required. It can be used to apply values for width/height; font-size; margins; padding; borders; shadows; border radius; text-indent;top/right/bottom...
0 1441 posted 12 years ago by COBOLdinosaur
To correct the shift that happens on hover when the weight of the link is normal, but bold on hover.
0 2531 posted 12 years ago by stephcode
How to put sidebars footer on twenty twelve theme again. Part 5: add the styles necesary in style.css (this styles are no optimized -yet- for the responsive layout)
1 1123 posted 12 years ago by almendro
Simple Progress Bars with only CSS
0 1104 posted 12 years ago by oscarlgarcia