Advanced Search

Welcome To Snipplr

Everyone's Recent CSS Snippets Tagged CSS3

« Prev 1 2 3 4 5
CSS for form field validation
0 3157 posted 9 years ago by fcommisso
The following code will display a cross-browser CSS-gradients. Th add the right selector you can use rgba() for transparency.
0 3529 posted 9 years ago by apphp-snippets
Stop a link overflowing it's parent's width
0 2099 posted 11 years ago by flatearthcomms
How to create animate rotation for a element.
0 2279 posted 12 years ago by keidash
Each image is positioned, dimensioned, and repeated according to the comma separated values in the other background properties. The images in the list are layered front to back in the same order they are listed in the rule declaration. If a backgroun...
0 2611 posted 12 years ago by COBOLdinosaur
Demo Image: http://i.imgur.com/hTQXYOu.png
0 2177 posted 12 years ago by jntu_gnec
Uses CSS3 attributes and psuedo elements to create a simple play button for web interfaces.
0 2368 posted 12 years ago by devowhippit
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...
1 2377 posted 12 years ago by bmayzure
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.
0 2233 posted 12 years ago by bmayzure
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 2348 posted 12 years ago by bmayzure
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...
1 2492 posted 12 years ago by Todd
CSS code to add a CSS3 box shadow to the bottom of an element only.
0 2170 posted 12 years ago by Huskie
Truncate the multiline text. Webkit Property.
1 2009 posted 13 years ago by Rakowskey
IE8 and below have no CSS support
0 2144 posted 13 years ago by tucq88
Implementation of CSS3 Media Query
0 1392 posted 13 years ago by ecksteing
not mine.
0 3427 posted 13 years ago by kdesilva
* This will not work in IE.
0 1271 posted 13 years ago by ryanfiorini
Simple 2 lines of CSS and you have a dropdown with hover.
1 2313 posted 13 years ago by ryanfiorini
This will take the screen width into account and display either a horizontal menu or a dropdown menu with a hover style. Resize your window to see the effect.
1 2493 posted 13 years ago by ryanfiorini
This is a good replacement for a mask for mobile devices. You are still able to click through the shadow to the text behind.
0 2317 posted 13 years ago by ryanfiorini
This uses transitions for the hover effect which has limited IE support.
0 2462 posted 13 years ago by ryanfiorini
Just came across pure css3 soothing clouds, looks awesome, checkout!
0 2145 posted 13 years ago by jimmy101
a link with the class becomes circle animated rotating once and fading in
1 2144 posted 13 years ago by discipolo
Use css for rounding corners instead of images. Also use css3 for creating circles.
0 1390 posted 13 years ago by ninacess
Really Nice CSS3 Buttons I came across. Love the gradients and especially the Pushy Effects.
0 1052 posted 13 years ago by jimmy101
1 922 posted 13 years ago by swoicik
Ever notice a weird CS3 animation flicker? Annoying right? Add these CSS3 classes to the objects being animated and it should go away (at least it has in my testing). More details at the link, questions can be postsed either here or there.
0 1418 posted 13 years ago by FatFolderDesigner
Fight the "flash" effect at animation start in webkit browsers
0 1304 posted 13 years ago by inpixelitrust
img1.png is closest to the viewer and img4.png furthest. This will create a feeling of stuff moving around when resizing the browserwindow.
0 1033 posted 13 years ago by Barlon
« Prev 1 2 3 4 5