<?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>Claudia Liersch &#187; CSS3</title>
	<atom:link href="http://claudia-liersch.de/tag/css3/feed/" rel="self" type="application/rss+xml" />
	<link>http://claudia-liersch.de</link>
	<description>Webentwicklung und Design</description>
	<lastBuildDate>Thu, 29 Dec 2011 14:48:32 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Tschüss Langeweile: 5 coole CSS3 Hover Effektee</title>
		<link>http://claudia-liersch.de/2011/05/tschuss-langeweile-5-coole-css3-hover-effektee/</link>
		<comments>http://claudia-liersch.de/2011/05/tschuss-langeweile-5-coole-css3-hover-effektee/#comments</comments>
		<pubDate>Sat, 07 May 2011 07:37:49 +0000</pubDate>
		<dc:creator>Claudia Liersch</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Animation]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Grafik]]></category>

		<guid isPermaLink="false">http://claudia-liersch.de/?p=684</guid>
		<description><![CDATA[Wer seine langweiligen Linklisten aufpeppen möchte hat mit CSS3 zahlreiche neue Möglichkeiten für coole Mouseover Effekte. Hier findet ihr eine Liste von schönen Effekten mit CSS Code, den ihr einfach in Euren Code einbinden könnt: Bump Up Stack &#38; Grow Fade Text in Crooked Photo Fade In and Reflect Hier ein paar Beispiele: Das Ergebins [...]]]></description>
			<content:encoded><![CDATA[<p>Wer seine langweiligen Linklisten aufpeppen möchte hat mit CSS3 zahlreiche neue Möglichkeiten für coole Mouseover Effekte.</p>
<p>Hier findet ihr eine Liste von schönen Effekten mit CSS Code, den ihr einfach in Euren Code einbinden könnt:</p>
<ol>
<li><a href="http://designshack.co.uk/tutorialexamples/HoverEffects/Ex1.html" target="_blank"><strong>Bump Up</strong></a></li>
<li><strong><a href="http://designshack.co.uk/tutorialexamples/HoverEffects/Ex2.html" target="_blank">Stack &amp; Grow</a><br />
</strong></li>
<li><a href="http://designshack.co.uk/tutorialexamples/HoverEffects/Ex3.html" target="_blank"><strong>Fade Text in</strong></a></li>
<li><a href="http://designshack.co.uk/tutorialexamples/HoverEffects/Ex4.html" target="_blank"><strong>Crooked Photo</strong></a></li>
<li><a href="http://designshack.co.uk/tutorialexamples/HoverEffects/Ex5.html" target="_blank"><strong>Fade In and Reflect</strong></a></li>
</ol>
<p>Hier ein paar Beispiele:</p>
<p><a href="http://designshack.co.uk/tutorialexamples/HoverEffects/Ex2.html" target="_blank"><img id="img2" src="http://designshack.co.uk/wp-content/uploads/hovereffects-2.jpg" alt="" /><br />
</a></p>
<p><a href="http://designshack.co.uk/tutorialexamples/HoverEffects/Ex1.html" target="_blank"><img id="img1" src="http://designshack.co.uk/wp-content/uploads/hovereffects-1.jpg" alt="" /></a></p>
<p><a href="http://designshack.co.uk/tutorialexamples/HoverEffects/Ex5.html" target="_blank"><img id="img5" src="http://designshack.co.uk/wp-content/uploads/hovereffects-5.jpg" alt="" /></a></p>
<p>Das Ergebins überzeugt! Leider läuft CSS3 noch nicht in allen Browsern!</p>
<p>Den Code findet ihr bei Desingshack:</p>
<p><a href="http://designshack.co.uk/articles/css/5-cool-css-hover-effects-you-can-copy-and-paste">» 5 Cool CSS Hover Effects You Can Copy and Paste | Design Shack</a>.</p>
<div id="facebook_like"><br/><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fclaudia-liersch.de%2F2011%2F05%2Ftschuss-langeweile-5-coole-css3-hover-effektee%2F&amp;layout=standard&amp;show_faces=true&amp;width=500&amp;action=like&amp;font=segoe+ui&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:500px; height:30px;" allowTransparency="true"></iframe></div>]]></content:encoded>
			<wfw:commentRss>http://claudia-liersch.de/2011/05/tschuss-langeweile-5-coole-css3-hover-effektee/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS-3-Spaltenlayouts: Flexibler Textumbruch mit dem Multi-Column-Layout-Modul</title>
		<link>http://claudia-liersch.de/2010/06/css-3-spaltenlayouts-flexibler-textumbruch-mit-dem-multi-column-layout-modul/</link>
		<comments>http://claudia-liersch.de/2010/06/css-3-spaltenlayouts-flexibler-textumbruch-mit-dem-multi-column-layout-modul/#comments</comments>
		<pubDate>Thu, 17 Jun 2010 09:49:32 +0000</pubDate>
		<dc:creator>Claudia Liersch</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://claudia-liersch.de/?p=520</guid>
		<description><![CDATA[CSS3-Spaltenlayouts mit Mutli-Column eröffnet viele Möglichkeiten der Layout und Textgestaltung. Hier ist ein schöner Artikel mit kleinem Tutorial über die Vorgehensweise CSS-3-Spaltenlayouts: Flexibler Textumbruch mit dem Multi-Column-Layout-Modul &#124; CSS, Layouts &#124; Dr. Web Magazin. ++]]></description>
			<content:encoded><![CDATA[<p>CSS3-Spaltenlayouts mit Mutli-Column eröffnet viele Möglichkeiten der  Layout und Textgestaltung.</p>
<p>Hier ist ein schöner Artikel mit kleinem Tutorial über die Vorgehensweise</p>
<p><a href="http://www.drweb.de/magazin/css-3-spaltenlayouts-textumbruch-multi-column-layout-modul/" target="_blank">CSS-3-Spaltenlayouts: Flexibler Textumbruch mit dem Multi-Column-Layout-Modul | CSS, Layouts | Dr. Web Magazin</a>.</p>
<p>++</p>
<div id="facebook_like"><br/><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fclaudia-liersch.de%2F2010%2F06%2Fcss-3-spaltenlayouts-flexibler-textumbruch-mit-dem-multi-column-layout-modul%2F&amp;layout=standard&amp;show_faces=true&amp;width=500&amp;action=like&amp;font=segoe+ui&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:500px; height:30px;" allowTransparency="true"></iframe></div>]]></content:encoded>
			<wfw:commentRss>http://claudia-liersch.de/2010/06/css-3-spaltenlayouts-flexibler-textumbruch-mit-dem-multi-column-layout-modul/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 tolle CSS3 Foto Gallerien und Slider</title>
		<link>http://claudia-liersch.de/2010/06/10-tolle-css3-foto-gallerien-und-slider/</link>
		<comments>http://claudia-liersch.de/2010/06/10-tolle-css3-foto-gallerien-und-slider/#comments</comments>
		<pubDate>Wed, 09 Jun 2010 19:51:10 +0000</pubDate>
		<dc:creator>Claudia Liersch</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Collection]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://claudia-liersch.de/?p=478</guid>
		<description><![CDATA[CSS3 kommt! Das Speckyboy Magazin hat wieder eine tolle Zusammenstellung von CSS3 Gallerien und Slidern zusammen gestellt. Einfach ausprobieren. » 10 Pure CSS3 Image Galleries and Sliders &#8211; Speckyboy Design Magazine. +++]]></description>
			<content:encoded><![CDATA[<p>CSS3 kommt! Das Speckyboy Magazin hat wieder eine tolle Zusammenstellung von CSS3 Gallerien und Slidern zusammen gestellt. Einfach ausprobieren.<br />

<a href='http://claudia-liersch.de/2010/06/10-tolle-css3-foto-gallerien-und-slider/images-polaroids-final/' title='images-polaroids-final'><img width="150" height="150" src="http://claudia-liersch.de/wp-content/uploads/2010/06/images-polaroids-final-150x150.jpg" class="attachment-thumbnail" alt="images-polaroids-final" title="images-polaroids-final" /></a>
<a href='http://claudia-liersch.de/2010/06/10-tolle-css3-foto-gallerien-und-slider/screenshot/' title='screenshot'><img width="150" height="150" src="http://claudia-liersch.de/wp-content/uploads/2010/06/screenshot-150x150.png" class="attachment-thumbnail" alt="screenshot" title="screenshot" /></a>
<a href='http://claudia-liersch.de/2010/06/10-tolle-css3-foto-gallerien-und-slider/image-hover/' title='image-hover'><img width="150" height="150" src="http://claudia-liersch.de/wp-content/uploads/2010/06/image-hover-150x150.jpg" class="attachment-thumbnail" alt="image-hover" title="image-hover" /></a>
</p>
<p><a href="http://speckyboy.com/2010/06/09/10-pure-css3-image-galleries-and-sliders/">» 10 Pure CSS3 Image Galleries and Sliders &#8211; Speckyboy Design Magazine</a>.</p>
<p>+++</p>
<div id="facebook_like"><br/><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fclaudia-liersch.de%2F2010%2F06%2F10-tolle-css3-foto-gallerien-und-slider%2F&amp;layout=standard&amp;show_faces=true&amp;width=500&amp;action=like&amp;font=segoe+ui&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:500px; height:30px;" allowTransparency="true"></iframe></div>]]></content:encoded>
			<wfw:commentRss>http://claudia-liersch.de/2010/06/10-tolle-css3-foto-gallerien-und-slider/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

