Welcome To Snipplr


Everyone's Recent Snippets Tagged css



When I got the font from SymbolSet I was really excited to drop it into my interface but found many of the classes did not work. It looked like an encoding issue (since using the in line versions worked). Upon replacing all 570+ UTF-8 characters with...
0 146 posted 7 years ago by paulprins
designing a simple horizontal tab menu by using ul and il elements with css.
0 140 posted 7 years ago by codingforever99
0 78 posted 7 years ago by Alee
One of the great methods to load and work with icons in web pages is to load one image that is a collection of several icons and use any icon as needed, that reduces the number of server request and save bandwidth.
1 114 posted 7 years ago by codingforever99
0 90 posted 7 years ago by upmedia
CSS to define an iframe to always be 100% of the container it's in.
0 64 posted 7 years ago by leodruker
Using the same code in different browsers can be displayed in different ways. Resetting styles will help you to avoid such problems.
0 124 posted 7 years ago by apphp-snippets
These 2 techniques can be used for alternating row-colors in a table.
0 105 posted 7 years ago by apphp-snippets
Today with CSS3, you no longer need a background image for gradients. You can use CSS to add a gradient to the background of some elements on your page. For ex.: change the color hex values ("84c8d7" and "327fbd") to the gradient color you need.
1 108 posted 7 years ago by apphp-snippets
This solution is based on Mozilla specific CSS extension. Other browsers will ignore this rule.
0 75 posted 7 years ago by apphp-snippets
This can be used in casting shadows off block-level elements like divs, tables etc. (still not supported in IE7 and IE8). Parameters (from left to right): horizontal offset of the shadow, vertical offset of the shadow, blur radius (optional), spread...
1 74 posted 7 years ago by apphp-snippets
Sometimes it's desirable to change a style of the first and/or last elements in a container. You can do this by manually applying classes to your HTML elements: ("last-child" still not supported in IE8).
0 82 posted 7 years ago by apphp-snippets
Usually when you're using different CSS files on your site, they might take a quite long to be loaded. Using this PHP code, you can compress them into a single file with no unnecessary white spaces or comments. Why we need to compress multiple CSS fi...
0 85 posted 7 years ago by apphp-snippets
Functions to add, get y remove CSS rules
0 92 posted 7 years ago by agarcim
Took bits and pieces of Responsive Boilerplate, using mobile first and progressively enhanced ideology to make a solid starting point for Responsive Design.
1 87 posted 7 years ago by dsuffern
These 2 techniques can be used for alternating row-colors in a table.
1 125 posted 7 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 72 posted 7 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 85 posted 7 years ago by codingforever99
stripped down css sheet
0 73 posted 7 years ago by thesmu
allows itmings to be set for colour transitions if this is put into mouseover/ hover block.
1 62 posted 7 years ago by Dugzor
Using an image background for a photo allows all kinds of framing possibilities
0 67 posted 7 years ago by COBOLdinosaur
How to mark external links with an arrow behind by using CSS
1 59 posted 7 years ago by steho
css Content Slider
1 60 posted 7 years ago by mcs88
I needed a quick way to target high-resolution graphics. Here was my final solution
0 95 posted 7 years ago by chrisaiv
Cross browser.
0 65 posted 7 years ago by Abiotic
Eric Meyer's Reset Reloaded + HTML 5, from Boilerplate
9 1534 posted 7 years ago by lookingforsome
For responsive grid layouts
1 109 posted 7 years ago by lookingforsome
0 110 posted 7 years ago by mrmoneyc
CSS code to add a CSS3 box shadow to the bottom of an element only.
0 97 posted 7 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 300 posted 7 years ago by rickygri