Login / Register

Share Snipplr

Welcome To Snipplr

Everyone's Recent CSS Snippets

Took bits and pieces of Responsive Boilerplate, using mobile first and progressively enhanced ideology to make a solid starting point for Responsive Design.

1 572 posted 10 years ago by dsuffern

CSS Truncating Text with CSS

Truncate text using only CSS. IE 6+, Safari 4+, Firefox 7+, Opera 11+ and Chrome 10+:

text

0 620 posted 10 years ago by zfisic

CSS Alternating Table Color Rows in CSS

These 2 techniques can be used for alternating row-colors in a table.

css
table

1 764 posted 10 years ago by apphp-snippets

CSS Styling select options

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 608 posted 10 years ago by COBOLdinosaur

CSS css message boxes for different types

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.

css
error

1 638 posted 10 years ago by codingforever99

CSS CSS Big Glowing Txt

CSS Big Glowing Txt

text

0 400 posted 10 years ago by erikgeerling

CSS Simplified reset

stripped down css sheet

0 536 posted 10 years ago by thesmu

CSS Transition on mousover

allows itmings to be set for colour transitions if this is put into mouseover/ hover block.

1 491 posted 10 years ago by Dugzor

CSS CSS3 Box Sizing Made Easy

When box sizing is set, the padding, border and margin no longer add onto the total width or height of the element. Instead, they eat into the set width or height. So, if you have a box whose width is set to 300px, and padding set to 10px, then the t...

CSS3
simple

1 648 posted 10 years ago by bmayzure

CSS CSS3 Roll Links

Cross-browser roll link effect in CSS3. Works in IE 10+, Webkit (Chrome/Safari/etc), Opera, Gecko (Firefox/Seamonkey/etc). Degrades nicely for unsupported browsers.

CSS3
link

0 651 posted 10 years ago by bmayzure

CSS CSS3 Link Color Transition Effect

A simple CSS3 link-color transition effect. Fades from the base color to the active/focus color and back on rollover. A nice little added effect that's pretty well cross browser. Works with Webkit (Chrome/Safari/etc), Opera, Gecko (Firefox/Seamonkey/...

1 710 posted 10 years ago by bmayzure

CSS Easy Wordpress Drop Downs using CSS

Use Z-Index to make navigation layer ABOVE other elements.

1 646 posted 10 years ago by xcsteve99

CSS Image Frame on Round Photo

Using an image background for a photo allows all kinds of framing possibilities

css
html5

0 517 posted 10 years ago by COBOLdinosaur

CSS Mark external links

How to mark external links with an arrow behind by using CSS

css
links

1 497 posted 10 years ago by steho

CSS Lining up vendor-prefixed CSS properties for easy editing in Sublime Text

When using a CSS3 property that has vendor-prefixed versions available, I indent as usual with one tab and then use spaces to line up the properties on the colon. This allows for easy editing of all â€˜siblingâ€™ properties at once using [Sublime Tex...