<?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/language/css/tags/box</link>
<description>Recent snippets posted on Snipplr.com</description>
<language>en-us</language>
<pubDate>Wed, 15 Feb 2012 06:00:11 GMT</pubDate>
<item>
<title>(CSS) Box Shadow Properties - ninacess</title>
<link>http://snipplr.com/view/62960/box-shadow-properties/</link>
<description><![CDATA[ <p>Box shadow properties (example) box-shadow: 1px 3px 5px  2px #c6c6c6;
1px = horizontal offset
3px = vertical offset
5px = blur radius
2px = spread distance
#c6c6c6 = color</p> ]]></description>
<pubDate>Wed, 01 Feb 2012 05:59:51 GMT</pubDate>
<guid>http://snipplr.com/view/62960/box-shadow-properties/</guid>
</item>
<item>
<title>(CSS) Move and rename "Featured Image" box - i-am-andy</title>
<link>http://snipplr.com/view/60270/move-and-rename-featured-image-box/</link>
<description><![CDATA[ <p>Changes the title and moves the featured image box in Wordpress admin area. Add this to functions.php</p> ]]></description>
<pubDate>Thu, 27 Oct 2011 21:38:25 GMT</pubDate>
<guid>http://snipplr.com/view/60270/move-and-rename-featured-image-box/</guid>
</item>
<item>
<title>(CSS) box shawdow - jesudasjj</title>
<link>http://snipplr.com/view/58645/box-shawdow/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Tue, 13 Sep 2011 21:27:28 GMT</pubDate>
<guid>http://snipplr.com/view/58645/box-shawdow/</guid>
</item>
<item>
<title>(CSS) Box Shadow - pmist</title>
<link>http://snipplr.com/view/54297/box-shadow/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Tue, 24 May 2011 06:18:38 GMT</pubDate>
<guid>http://snipplr.com/view/54297/box-shadow/</guid>
</item>
<item>
<title>(CSS) Box Shadow CSS3 - Maux</title>
<link>http://snipplr.com/view/52830/box-shadow-css3/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Sat, 30 Apr 2011 16:39:43 GMT</pubDate>
<guid>http://snipplr.com/view/52830/box-shadow-css3/</guid>
</item>
<item>
<title>(CSS) CSS Box Shadow - macodev</title>
<link>http://snipplr.com/view/51605/css-box-shadow/</link>
<description><![CDATA[ <p>Overdoing it may result in looking weird but using it with style can add a certain classy look to your divs without using any images to do so. The box shadow property is one of the new things that CSS 3 brings us and one of the most wanted.</p> ]]></description>
<pubDate>Tue, 05 Apr 2011 22:28:17 GMT</pubDate>
<guid>http://snipplr.com/view/51605/css-box-shadow/</guid>
</item>
<item>
<title>(CSS) Inner Shadow with CSS3 - visudex</title>
<link>http://snipplr.com/view/44358/inner-shadow-with-css3/</link>
<description><![CDATA[ <p>Use the regular box shadow, but add the keyword "inset" as the last parameter.
Works in Firefox, Safari, Chrome, Opera and IE9.</p> ]]></description>
<pubDate>Thu, 18 Nov 2010 19:33:04 GMT</pubDate>
<guid>http://snipplr.com/view/44358/inner-shadow-with-css3/</guid>
</item>
<item>
<title>(CSS) CSS Box Shadow - noelj</title>
<link>http://snipplr.com/view/43751/css-box-shadow/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Mon, 08 Nov 2010 19:06:34 GMT</pubDate>
<guid>http://snipplr.com/view/43751/css-box-shadow/</guid>
</item>
<item>
<title>(CSS) XBrowser Box Shadows (CSS3PIE) - devilsansclue</title>
<link>http://snipplr.com/view/41685/xbrowser-box-shadows-css3pie/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Thu, 07 Oct 2010 02:38:44 GMT</pubDate>
<guid>http://snipplr.com/view/41685/xbrowser-box-shadows-css3pie/</guid>
</item>
<item>
<title>(CSS) Rounded Corner Box - CSS - kadabra9</title>
<link>http://snipplr.com/view/41285/rounded-corner-box--css/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Sat, 02 Oct 2010 00:28:34 GMT</pubDate>
<guid>http://snipplr.com/view/41285/rounded-corner-box--css/</guid>
</item>
<item>
<title>(CSS) CSS3 Box Shadow - alozuldo</title>
<link>http://snipplr.com/view/40265/css3-box-shadow/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Fri, 10 Sep 2010 15:55:43 GMT</pubDate>
<guid>http://snipplr.com/view/40265/css3-box-shadow/</guid>
</item>
<item>
<title>(CSS) CSS - CSS3 Safari style toolbar buttons rounded box shadow pressed border radius for Moz, Firefox, KHTML - brandonjp</title>
<link>http://snipplr.com/view/38585/css--css3-safari-style-toolbar-buttons-rounded-box-shadow-pressed-border-radius-for-moz-firefox-khtml/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Fri, 06 Aug 2010 03:51:15 GMT</pubDate>
<guid>http://snipplr.com/view/38585/css--css3-safari-style-toolbar-buttons-rounded-box-shadow-pressed-border-radius-for-moz-firefox-khtml/</guid>
</item>
<item>
<title>(CSS) Cross Browser Box Shadow - crispunk</title>
<link>http://snipplr.com/view/36356/cross-browser-box-shadow/</link>
<description><![CDATA[ <p>Cross browser box shadow.</p> ]]></description>
<pubDate>Sat, 26 Jun 2010 09:16:05 GMT</pubDate>
<guid>http://snipplr.com/view/36356/cross-browser-box-shadow/</guid>
</item>
<item>
<title>(CSS) CSS3 : Ombre/lueur, arrondi et dégradé - alexandrepayet</title>
<link>http://snipplr.com/view/31138/css3--ombrelueur-arrondi-et-dgrad/</link>
<description><![CDATA[ <p>pour l\'instant les prefixe sont obligatoire</p> ]]></description>
<pubDate>Fri, 09 Apr 2010 01:31:54 GMT</pubDate>
<guid>http://snipplr.com/view/31138/css3--ombrelueur-arrondi-et-dgrad/</guid>
</item>
<item>
<title>(CSS) CSS3 - Box Shadow - clhorn99</title>
<link>http://snipplr.com/view/28932/css3--box-shadow/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Thu, 25 Feb 2010 17:52:57 GMT</pubDate>
<guid>http://snipplr.com/view/28932/css3--box-shadow/</guid>
</item>
<item>
<title>(CSS) CSS3 Box Shadow - crs</title>
<link>http://snipplr.com/view/24904/css3-box-shadow/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Wed, 16 Dec 2009 09:13:52 GMT</pubDate>
<guid>http://snipplr.com/view/24904/css3-box-shadow/</guid>
</item>
<item>
<title>(CSS) Three-Dimensional Box - myrebel420</title>
<link>http://snipplr.com/view/17431/threedimensional-box/</link>
<description><![CDATA[ <p>In this tutorial we are going to use the :before pseudo-element to create a 3D style box. This effect will not work in Internet Explorer since it does not support the :before attribute. IE users will only see the element's themselves, and nothing else. 

First thing we need to do is create two images that we are going to be using, they should look like the following: 
  

These images will give us the slanted look to make the element look as if it has depth. As stated in the tutorial about pseudo-elements, the :before attribute will add code, images, or whatever the attribute is set to before an element. In our case we be adding two images before the actual element. Here is how we are going to add these elements. 

First thing we have to do is make the area before the element visible. We are doing this with the display attribute. We all need to set the background color to the same color as our image. In our case this will be black. If you want to make the box look more life like, then you should choose a few shades darker then the actual color of the element's background. We then set a background image that starts at the top right hand corner. This image is told not to repeat, so it will only appear once. Then we add an additional image using the content attribute. This just adds the second image to the area before the tag. That is all that we need, just the four lines of code and we have a three dimensional look on the element. If you use the :after, you can make the element seem as it is being viewed from below rather then the top. You will also need to create the images to make this effect look correct.</p> ]]></description>
<pubDate>Fri, 24 Jul 2009 12:13:34 GMT</pubDate>
<guid>http://snipplr.com/view/17431/threedimensional-box/</guid>
</item>
<item>
<title>(CSS) CSS3 Shadow properties - nerdfiles</title>
<link>http://snipplr.com/view/16974/css3-shadow-properties/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Mon, 13 Jul 2009 20:40:25 GMT</pubDate>
<guid>http://snipplr.com/view/16974/css3-shadow-properties/</guid>
</item>
<item>
<title>(CSS) rounded box in css3 - rwczippy</title>
<link>http://snipplr.com/view/11539/rounded-box-in-css3/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Mon, 26 Jan 2009 13:45:17 GMT</pubDate>
<guid>http://snipplr.com/view/11539/rounded-box-in-css3/</guid>
</item>
<item>
<title>(CSS) Eleagent CSS Box - cbx</title>
<link>http://snipplr.com/view/11039/eleagent-css-box/</link>
<description><![CDATA[ <p>A simple CSS box .</p> ]]></description>
<pubDate>Fri, 09 Jan 2009 11:54:13 GMT</pubDate>
<guid>http://snipplr.com/view/11039/eleagent-css-box/</guid>
</item>
</channel>
</rss>
