<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
<channel>
<title>Snipplr</title>
<link>http://snipplr.com/tags/CSS3</link>
<description>Recent snippets posted on Snipplr.com</description>
<language>en-us</language>
<pubDate>Mon, 20 May 2013 22:39:49 GMT</pubDate>
<item>
<title>(CSS) CSS3 transition cross browser - oblik35000</title>
<link>http://snipplr.com/view/71171/css3-transition-cross-browser/</link>
<description><![CDATA[ <p>Making CSS transition effects work in all browsers, except IE 6-9</p> ]]></description>
<pubDate>Tue, 14 May 2013 22:30:59 GMT</pubDate>
<guid>http://snipplr.com/view/71171/css3-transition-cross-browser/</guid>
</item>
<item>
<title>(CSS) Css3 twitter follow box - jntu_gnec</title>
<link>http://snipplr.com/view/71049/css3-twitter-follow-box/</link>
<description><![CDATA[ <p>Demo Image: http://i.imgur.com/hTQXYOu.png</p> ]]></description>
<pubDate>Mon, 06 May 2013 01:21:23 GMT</pubDate>
<guid>http://snipplr.com/view/71049/css3-twitter-follow-box/</guid>
</item>
<item>
<title>(HTML) HTML5 960gs - misnoul</title>
<link>http://snipplr.com/view/70204/html5-960gs/</link>
<description><![CDATA[ <p>HTML5 Starter Page with 960gs CSS.</p> ]]></description>
<pubDate>Sat, 02 Mar 2013 05:42:25 GMT</pubDate>
<guid>http://snipplr.com/view/70204/html5-960gs/</guid>
</item>
<item>
<title>(CSS) Simple CSS3 Play Button - devowhippit</title>
<link>http://snipplr.com/view/70174/simple-css3-play-button/</link>
<description><![CDATA[ <p>Uses CSS3 attributes and psuedo elements to create a simple play button for web interfaces.</p> ]]></description>
<pubDate>Fri, 01 Mar 2013 02:54:00 GMT</pubDate>
<guid>http://snipplr.com/view/70174/simple-css3-play-button/</guid>
</item>
<item>
<title>(CSS) CSS3 Box Sizing Made Easy - bmayzure</title>
<link>http://snipplr.com/view/69646/css3-box-sizing-made-easy/</link>
<description><![CDATA[ <p>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 total width of the box is still 300px. Instead, there are 20 less pixels inside the box for content such as text or images. This may be a confusing concept but one that will definitely come in handy, especially to those who do not like to do math because we all know that in the real world measurements are made up of wacky numbers and not increments of 10. 

**Source:** [http://designmodo.com/css-layout-properties/](http://designmodo.com/css-layout-properties/) and [http://css-tricks.com/box-sizing/](http://css-tricks.com/box-sizing/)</p> ]]></description>
<pubDate>Fri, 25 Jan 2013 11:10:53 GMT</pubDate>
<guid>http://snipplr.com/view/69646/css3-box-sizing-made-easy/</guid>
</item>
<item>
<title>(CSS) CSS3 Roll Links - bmayzure</title>
<link>http://snipplr.com/view/69645/css3-roll-links/</link>
<description><![CDATA[ <p>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.</p> ]]></description>
<pubDate>Fri, 25 Jan 2013 10:47:29 GMT</pubDate>
<guid>http://snipplr.com/view/69645/css3-roll-links/</guid>
</item>
<item>
<title>(CSS) CSS3 Link Color Transition Effect - bmayzure</title>
<link>http://snipplr.com/view/69644/css3-link-color-transition-effect/</link>
<description><![CDATA[ <p>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/etc), and IE 10. Degrades nicely for unsupported browsers.</p> ]]></description>
<pubDate>Fri, 25 Jan 2013 10:21:22 GMT</pubDate>
<guid>http://snipplr.com/view/69644/css3-link-color-transition-effect/</guid>
</item>
<item>
<title>(CSS) Lining up vendor-prefixed CSS properties for easy editing in Sublime Text - Todd</title>
<link>http://snipplr.com/view/69532/lining-up-vendorprefixed-css-properties-for-easy-editing-in-sublime-text/</link>
<description><![CDATA[ <p>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 Text’s](http://www.sublimetext.com/) multiple selection feature ([video demonstration](http://youtu.be/czQipWJA8EU)).</p> ]]></description>
<pubDate>Fri, 18 Jan 2013 16:08:05 GMT</pubDate>
<guid>http://snipplr.com/view/69532/lining-up-vendorprefixed-css-properties-for-easy-editing-in-sublime-text/</guid>
</item>
<item>
<title>(HTML) CSS3 Ajax Loading Cross browser - MohamedAlaa</title>
<link>http://snipplr.com/view/68789/css3-ajax-loading-cross-browser/</link>
<description><![CDATA[ <p>CSS3 Ajax Loading Animation
========

This is a simulation for the popular gif animated images. The reason why i choose to do it in css3 is the flexibility of re-using it in different sizes, different colors and the transparency issues in gif animated loaders.

Enjoy it ;)
--------

[Mohamed](http://seniorwebdesigner.com/ "My Portfolio")

Twitter: [@MohammedAlaa](http://twitter.com/MohammedAlaa "@MohammedAlaa on Twitter")</p> ]]></description>
<pubDate>Wed, 28 Nov 2012 05:58:48 GMT</pubDate>
<guid>http://snipplr.com/view/68789/css3-ajax-loading-cross-browser/</guid>
</item>
<item>
<title>(CSS) Add box shadow on bottom of element only - Huskie</title>
<link>http://snipplr.com/view/68646/add-box-shadow-on-bottom-of-element-only/</link>
<description><![CDATA[ <p>CSS code to add a CSS3 box shadow to the bottom of an element only.</p> ]]></description>
<pubDate>Mon, 19 Nov 2012 22:54:21 GMT</pubDate>
<guid>http://snipplr.com/view/68646/add-box-shadow-on-bottom-of-element-only/</guid>
</item>
<item>
<title>(CSS) Webkit lastline truncate - Rakowskey</title>
<link>http://snipplr.com/view/67357/webkit-lastline-truncate/</link>
<description><![CDATA[ <p>Truncate the multiline text. Webkit Property.</p> ]]></description>
<pubDate>Wed, 26 Sep 2012 02:01:07 GMT</pubDate>
<guid>http://snipplr.com/view/67357/webkit-lastline-truncate/</guid>
</item>
<item>
<title>(CSS) CSS - Rounded corners - tucq88</title>
<link>http://snipplr.com/view/67056/css--rounded-corners/</link>
<description><![CDATA[ <p>IE8 and below have no CSS support</p> ]]></description>
<pubDate>Wed, 05 Sep 2012 17:34:12 GMT</pubDate>
<guid>http://snipplr.com/view/67056/css--rounded-corners/</guid>
</item>
<item>
<title>(CSS) Implementation of CSS3 Media Query - ecksteing</title>
<link>http://snipplr.com/view/67032/implementation-of-css3-media-query/</link>
<description><![CDATA[ <p>Implementation of CSS3 Media Query</p> ]]></description>
<pubDate>Mon, 03 Sep 2012 15:36:45 GMT</pubDate>
<guid>http://snipplr.com/view/67032/implementation-of-css3-media-query/</guid>
</item>
<item>
<title>(CSS) CSS - Adding a gradient – linear-gradient - satie83</title>
<link>http://snipplr.com/view/66661/css--adding-a-gradient--lineargradient/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Sun, 12 Aug 2012 10:09:07 GMT</pubDate>
<guid>http://snipplr.com/view/66661/css--adding-a-gradient--lineargradient/</guid>
</item>
<item>
<title>(HTML) HTML5 CSS3 Webtemplate with Html5 drop down navigation bar - flanker</title>
<link>http://snipplr.com/view/66461/html5-css3-webtemplate-with-html5-drop-down-navigation-bar/</link>
<description><![CDATA[ <p>This is a simple HTML5 CSS3 website template you can customize it according to your needs. It has a clean and modular code and css. No fancy stuff just basic elements presents like : slideshow, social icons and a navigation bar. Its cross browser compatible</p> ]]></description>
<pubDate>Thu, 02 Aug 2012 03:02:38 GMT</pubDate>
<guid>http://snipplr.com/view/66461/html5-css3-webtemplate-with-html5-drop-down-navigation-bar/</guid>
</item>
<item>
<title>(CSS) Chunky CSS3 Button - kdesilva</title>
<link>http://snipplr.com/view/65933/chunky-css3-button/</link>
<description><![CDATA[ <p>not mine.</p> ]]></description>
<pubDate>Wed, 04 Jul 2012 04:40:41 GMT</pubDate>
<guid>http://snipplr.com/view/65933/chunky-css3-button/</guid>
</item>
<item>
<title>(CSS) CSS3 Only - Small Sphere Following Larger Circular Track - ryanfiorini</title>
<link>http://snipplr.com/view/64527/css3-only--small-sphere-following-larger-circular-track/</link>
<description><![CDATA[ <p>* This will not work in IE.</p> ]]></description>
<pubDate>Fri, 13 Apr 2012 00:24:03 GMT</pubDate>
<guid>http://snipplr.com/view/64527/css3-only--small-sphere-following-larger-circular-track/</guid>
</item>
<item>
<title>(Other) CSS3 box-shadow with page curl effect - rodcwahr</title>
<link>http://snipplr.com/view/64470/css3-boxshadow-with-page-curl-effect/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Tue, 10 Apr 2012 08:50:39 GMT</pubDate>
<guid>http://snipplr.com/view/64470/css3-boxshadow-with-page-curl-effect/</guid>
</item>
<item>
<title>(Other) CSS3 box-shadow with page curl effect - rodcwahr</title>
<link>http://snipplr.com/view/64469/css3-boxshadow-with-page-curl-effect/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Tue, 10 Apr 2012 08:50:01 GMT</pubDate>
<guid>http://snipplr.com/view/64469/css3-boxshadow-with-page-curl-effect/</guid>
</item>
<item>
<title>(CSS) Menu With CSS Only - ryanfiorini</title>
<link>http://snipplr.com/view/64452/menu-with-css-only/</link>
<description><![CDATA[ <p>Simple 2 lines of CSS and you have a dropdown with hover.</p> ]]></description>
<pubDate>Mon, 09 Apr 2012 21:05:10 GMT</pubDate>
<guid>http://snipplr.com/view/64452/menu-with-css-only/</guid>
</item>
</channel>
</rss>