<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Design Web Studio &#187; CSS</title>
	<atom:link href="http://www.designwebstudio.co.uk/category/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.designwebstudio.co.uk</link>
	<description>Web Site Design For Small Businesses and Individuals</description>
	<lastBuildDate>Thu, 12 Jan 2012 17:19:31 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>How to Create Paper Curls using CSS3</title>
		<link>http://www.designwebstudio.co.uk/css/how-to-create-paper-curls-using-css3/</link>
		<comments>http://www.designwebstudio.co.uk/css/how-to-create-paper-curls-using-css3/#comments</comments>
		<pubDate>Wed, 13 Jul 2011 10:00:58 +0000</pubDate>
		<dc:creator>Peter Green</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS3]]></category>

		<guid isPermaLink="false">http://www.designwebstudio.co.uk/?p=431</guid>
		<description><![CDATA[<img width="150" height="84" src="http://www.designwebstudio.co.uk/wp-content/uploads/2011/07/PaperCurls1-150x84.png" class="alignright shadow wp-post-image" alt="CSS3 Paper Curls" title="PaperCurls1" /><a href="http://www.designwebstudio.co.uk/wp-content/uploads/2011/07/css3-logo_64-64.jpg"><img class="alignleft size-full wp-image-424" title="css3-logo_64-64" src="http://www.designwebstudio.co.uk/wp-content/uploads/2011/07/css3-logo_64-64.jpg" alt="CSS3 Logo" width="64" height="64" /></a>Paper curls, these have been a popular design for websites as they make the webpage look more like a natural curled box. This look is done using a shadow effect at the bottom of the element. 
 
Before CSS3 web designers made this effect by creating a shadow as an image, using a graphic compiler which would of been <a href="http://www.designwebstudio.co.uk/css/how-to-create-paper-curls-using-css3/">Continue with How to Create Paper Curls using CSS3</a>]]></description>
		<wfw:commentRss>http://www.designwebstudio.co.uk/css/how-to-create-paper-curls-using-css3/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Basic CSS3 Transforms</title>
		<link>http://www.designwebstudio.co.uk/css/basic-css3-transforms/</link>
		<comments>http://www.designwebstudio.co.uk/css/basic-css3-transforms/#comments</comments>
		<pubDate>Fri, 08 Jul 2011 11:38:27 +0000</pubDate>
		<dc:creator>Peter Green</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS3]]></category>

		<guid isPermaLink="false">http://www.designwebstudio.co.uk/?p=376</guid>
		<description><![CDATA[<img width="150" height="150" src="http://www.designwebstudio.co.uk/wp-content/uploads/2011/07/Square-150x150.jpg" class="alignright shadow wp-post-image" alt="Square" title="Square" /><p style="text-align: left;"><a href="http://www.designwebstudio.co.uk/wp-content/uploads/2011/07/css3-logo_64-64.jpg"><img class="alignleft size-full wp-image-424" title="css3-logo_64-64" src="http://www.designwebstudio.co.uk/wp-content/uploads/2011/07/css3-logo_64-64.jpg" alt="CSS3 Logo" width="64" height="64" /></a>A new exciting addition to CSS3 is the ability to create 2D image transformations. In this post i will introduce you to CSS3 transformations and you will be able to see some CSS3 code examples.</p> 
<p style="text-align: left;"><strong>Basic Syntax</strong></p> 
<p style="text-align: left;">A basic CSS3 transformation will look like this:</p> 
#element { 
transform: function(a, b); 
} 
 
This <a href="http://www.designwebstudio.co.uk/css/basic-css3-transforms/">Continue with Basic CSS3 Transforms</a>]]></description>
		<wfw:commentRss>http://www.designwebstudio.co.uk/css/basic-css3-transforms/feed/</wfw:commentRss>
		<slash:comments>54</slash:comments>
		</item>
	</channel>
</rss>

