<?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>zenelements</title>
	<atom:link href="http://www.zenelements.com/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.zenelements.com/blog</link>
	<description></description>
	<lastBuildDate>Mon, 05 Dec 2011 23:05:17 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<item>
		<title>CSS3 Transition</title>
		<link>http://www.zenelements.com/blog/css3-transition/</link>
		<comments>http://www.zenelements.com/blog/css3-transition/#comments</comments>
		<pubDate>Wed, 25 May 2011 23:33:06 +0000</pubDate>
		<dc:creator>Zen Elements</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[transition]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.zenelements.com/blog/?p=1666</guid>
		<description><![CDATA[&#160; Use CSS 3 transition to give action to elements in your website, such as change in colour, motion and more! CSS3 Transition The basic syntax for creating a css transition is &#8220;property&#8221;, &#8220;duration&#8221;, and &#8220;type&#8221;. If we take the following example (transition:color 1s ease-in;) &#8211; the property we are changing is the color, over [...]]]></description>
		<wfw:commentRss>http://www.zenelements.com/blog/css3-transition/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>CSS3 Transform</title>
		<link>http://www.zenelements.com/blog/css3-transform/</link>
		<comments>http://www.zenelements.com/blog/css3-transform/#comments</comments>
		<pubDate>Sat, 03 Apr 2010 03:15:55 +0000</pubDate>
		<dc:creator>Zen Elements</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[rotate]]></category>
		<category><![CDATA[scale]]></category>
		<category><![CDATA[skew]]></category>
		<category><![CDATA[transform]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.zenelements.com/blog/?p=1548</guid>
		<description><![CDATA[Use CSS 3 to tranform elements in a page, such as rotating an object by a specified angle, or skewing/scaling an image. CSS3 Transform &#8211; Rotate The above image uses the following CSS 3 CSS3 Transform (rotate) .my_CSS3_class { &#160; -moz-transform: rotate(7deg); &#160;&#160;-webkit-transform: rotate(7deg); } If you don&#8217;t believe it, this is the original image. [...]]]></description>
		<wfw:commentRss>http://www.zenelements.com/blog/css3-transform/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>CSS3 Gradients</title>
		<link>http://www.zenelements.com/blog/css3-gradients/</link>
		<comments>http://www.zenelements.com/blog/css3-gradients/#comments</comments>
		<pubDate>Sat, 03 Apr 2010 02:55:30 +0000</pubDate>
		<dc:creator>Zen Elements</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.zenelements.com/blog/?p=1538</guid>
		<description><![CDATA[Use CSS 3 to create some nice subtle gradients; or very compelling gradients! CSS 3 Gradients are not the simplest things by any means; there are several values to account for when projecting your gradient and it only worsens when working with radial gradients. background:-moz-linear-gradient(pos, #AAA B, #XXX Y); pos = the position of the [...]]]></description>
		<wfw:commentRss>http://www.zenelements.com/blog/css3-gradients/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>CSS3 Text Shadow</title>
		<link>http://www.zenelements.com/blog/css3-text-shadow/</link>
		<comments>http://www.zenelements.com/blog/css3-text-shadow/#comments</comments>
		<pubDate>Sat, 03 Apr 2010 01:38:04 +0000</pubDate>
		<dc:creator>Zen Elements</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.zenelements.com/blog/?p=1540</guid>
		<description><![CDATA[Like with the box-shadow effect, we can apply shadows to text using CSS3. To create a shadow in text, the CSS is written text-shadow: Apx Bpx Cpx #XXX; - Apx = x-axis- Bpx = y-axis- Cpx = cast length / feathering- #XXX = colour as usual HELLO CSS3 WORLD! The above header uses the following [...]]]></description>
		<wfw:commentRss>http://www.zenelements.com/blog/css3-text-shadow/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>CSS3 Border Image</title>
		<link>http://www.zenelements.com/blog/css3-border-image/</link>
		<comments>http://www.zenelements.com/blog/css3-border-image/#comments</comments>
		<pubDate>Sat, 03 Apr 2010 01:30:18 +0000</pubDate>
		<dc:creator>Zen Elements</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.zenelements.com/blog/?p=1533</guid>
		<description><![CDATA[Use the border-image CSS3 property to create some new and impacting borders. The first thing to do is create your basic border, this will be filled by your border images or as a fallback for browsers not supporting border-image. To apply the border-image, we use the CSS -webkit-border-image: url(borderfile.png) A B type; - A = [...]]]></description>
		<wfw:commentRss>http://www.zenelements.com/blog/css3-border-image/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>
