<?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>Jquery Labs &#187; Reflection</title>
	<atom:link href="http://www.jquerylabs.com/tag/reflection/feed" rel="self" type="application/rss+xml" />
	<link>http://www.jquerylabs.com</link>
	<description>jQuery Plugins</description>
	<lastBuildDate>Tue, 07 Sep 2010 11:03:29 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Reflection Plugin</title>
		<link>http://www.jquerylabs.com/reflection-plugin.html</link>
		<comments>http://www.jquerylabs.com/reflection-plugin.html#comments</comments>
		<pubDate>Thu, 24 Dec 2009 08:20:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Plugins]]></category>
		<category><![CDATA[Browser]]></category>
		<category><![CDATA[Digital]]></category>
		<category><![CDATA[Effect]]></category>
		<category><![CDATA[Effects]]></category>
		<category><![CDATA[File]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[library]]></category>
		<category><![CDATA[Load]]></category>
		<category><![CDATA[Reflection]]></category>

		<guid isPermaLink="false">http://www.jquerylabs.com/?p=625</guid>
		<description><![CDATA[This is an improved version of the reflection.js script rewritten for the jQuery javascript library]]></description>
			<content:encoded><![CDATA[<h3><a href="http://www.jquerylabs.com/tag/reflection" class="st_tag internal_tag" rel="tag" title="Posts tagged with Reflection">Reflection</a>.js for <a href="http://www.jquerylabs.com/tag/jquery" class="st_tag internal_tag" rel="tag" title="Posts tagged with jQuery">jQuery</a></h3>
<p>This is an improved version of the <a href="http://www.jquerylabs.com/tag/reflection" class="st_tag internal_tag" rel="tag" title="Posts tagged with Reflection">reflection</a>.js script rewritten for the <a href="http://www.jquerylabs.com/tag/jquery" class="st_tag internal_tag" rel="tag" title="Posts tagged with jQuery">jQuery</a> <a href="http://www.jquerylabs.com/tag/javascript" class="st_tag internal_tag" rel="tag" title="Posts tagged with JavaScript">javascript</a> <a href="http://www.jquerylabs.com/tag/library" class="st_tag internal_tag" rel="tag" title="Posts tagged with library">library</a>. It allows you to add instantaneous <a href="http://www.jquerylabs.com/tag/reflection" class="st_tag internal_tag" rel="tag" title="Posts tagged with Reflection">reflection</a> <a href="http://www.jquerylabs.com/tag/effects" class="st_tag internal_tag" rel="tag" title="Posts tagged with Effects">effects</a> to your images in modern browsers, in less than 2 KB.</p>
<p>Example<br />
<a href="http://www.digitalia.be/software/reflectionjs-for-jquery#demo" target="_blank">Demo Page</a></p>
<p>Download<br />
<a href="http://www.digitalia.be/file_download/14/reflection-jquery.zip" target="_blank">reflection-jquery.zip</a></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center">
<ul class="socials">
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.jquerylabs.com/reflection-plugin.html&amp;t=Reflection+Plugin" rel="nofollow" class="external" title="Bunu paylaş:Facebook">Bunu paylaş:Facebook</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Reflection+Plugin+-+http://b2l.me/ws4qk&amp;source=shareaholic" rel="nofollow" class="external" title="Bunu Tweet'le!">Bunu Tweet'le!</a>
		</li>
		<li class="shr-friendfeed">
			<a href="http://www.friendfeed.com/share?title=Reflection+Plugin&amp;link=http://www.jquerylabs.com/reflection-plugin.html" rel="nofollow" class="external" title="Bunu paylaş:FriendFeed">Bunu paylaş:FriendFeed</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.jquerylabs.com/reflection-plugin.html&amp;title=Reflection+Plugin" rel="nofollow" class="external" title="Bunu paylaş:del.icio.us">Bunu paylaş:del.icio.us</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://www.jquerylabs.com/reflection-plugin.html&amp;title=Reflection+Plugin" rel="nofollow" class="external" title="Bunu paylaş:Reddit">Bunu paylaş:Reddit</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.jquerylabs.com/reflection-plugin.html&amp;title=Reflection+Plugin" rel="nofollow" class="external" title="Bunu Digg'le!">Bunu Digg'le!</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.jquerylabs.com/reflection-plugin.html&amp;title=Reflection+Plugin" rel="nofollow" class="external" title="İyi bir şeye mi denk geldin? StumbleUpon üzerinde paylaş">İyi bir şeye mi denk geldin? StumbleUpon üzerinde paylaş</a>
		</li>
		<li class="shr-myspace">
			<a href="http://www.myspace.com/Modules/PostTo/Pages/?u=http://www.jquerylabs.com/reflection-plugin.html&amp;t=Reflection+Plugin" rel="nofollow" class="external" title="Bunu postala:MySpace">Bunu postala:MySpace</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.jquerylabs.com/reflection-plugin.html&amp;title=Reflection+Plugin&amp;summary=This%20is%20an%20improved%20version%20of%20the%20reflection.js%20script%20rewritten%20for%20the%20jQuery%20javascript%20library&amp;source=Jquery Labs" rel="nofollow" class="external" title="Bunu paylaş:LinkedIn">Bunu paylaş:LinkedIn</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.jquerylabs.com/reflection-plugin.html&amp;imageurl=" rel="nofollow" class="external" title="Google Buzz'da paylaş:">Google Buzz'da paylaş:</a>
		</li>
		<li class="shr-googlebookmarks">
			<a href="http://www.google.com/bookmarks/mark?op=add&amp;bkmk=http://www.jquerylabs.com/reflection-plugin.html&amp;title=Reflection+Plugin" rel="nofollow" class="external" title="Bunu ekle:Google Bookmarks">Bunu ekle:Google Bookmarks</a>
		</li>
		<li class="shr-yahoobuzz">
			<a href="http://buzz.yahoo.com/submit/?submitUrl=http://www.jquerylabs.com/reflection-plugin.html&amp;submitHeadline=Reflection+Plugin&amp;submitSummary=This%20is%20an%20improved%20version%20of%20the%20reflection.js%20script%20rewritten%20for%20the%20jQuery%20javascript%20library&amp;submitCategory=science&amp;submitAssetType=text" rel="nofollow" class="external" title="Buzz!">Buzz!</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>


	Tags: <a href="http://www.jquerylabs.com/tag/browser" title="Browser" rel="tag">Browser</a>, <a href="http://www.jquerylabs.com/tag/digital" title="Digital" rel="tag">Digital</a>, <a href="http://www.jquerylabs.com/tag/effect" title="Effect" rel="tag">Effect</a>, <a href="http://www.jquerylabs.com/tag/effects" title="Effects" rel="tag">Effects</a>, <a href="http://www.jquerylabs.com/tag/file" title="File" rel="tag">File</a>, <a href="http://www.jquerylabs.com/tag/image" title="image" rel="tag">image</a>, <a href="http://www.jquerylabs.com/tag/images" title="images" rel="tag">images</a>, <a href="http://www.jquerylabs.com/tag/javascript" title="JavaScript" rel="tag">JavaScript</a>, <a href="http://www.jquerylabs.com/tag/jquery" title="jQuery" rel="tag">jQuery</a>, <a href="http://www.jquerylabs.com/tag/library" title="library" rel="tag">library</a>, <a href="http://www.jquerylabs.com/tag/load" title="Load" rel="tag">Load</a>, <a href="http://www.jquerylabs.com/tag/plugins" title="Plugins" rel="tag">Plugins</a>, <a href="http://www.jquerylabs.com/tag/reflection" title="Reflection" rel="tag">Reflection</a><br />

	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.jquerylabs.com/slimbox2-jquery-plugin.html" title="Slimbox2 jQuery Plugin (24 Aralık 2009)">Slimbox2 jQuery Plugin</a> (1)</li>
	<li><a href="http://www.jquerylabs.com/simpletip-jquery-plugin.html" title="Simpletip jQuery Plugin (23 Kasım 2009)">Simpletip jQuery Plugin</a> (1)</li>
	<li><a href="http://www.jquerylabs.com/background-image-animations.html" title="Background Image Animations (26 Aralık 2009)">Background Image Animations</a> (0)</li>
	<li><a href="http://www.jquerylabs.com/zoomer-gallery.html" title="Zoomer Gallery (14 Ocak 2010)">Zoomer Gallery</a> (0)</li>
	<li><a href="http://www.jquerylabs.com/wp-slimbox2-plugin.html" title="WP-Slimbox2 WordPress Plugin (23 Aralık 2009)">WP-Slimbox2 WordPress Plugin</a> (1)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.jquerylabs.com/reflection-plugin.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Create a Realistic Hover Effect</title>
		<link>http://www.jquerylabs.com/create-a-realistic-hover-effect-with-jquery.html</link>
		<comments>http://www.jquerylabs.com/create-a-realistic-hover-effect-with-jquery.html#comments</comments>
		<pubDate>Mon, 23 Nov 2009 07:25:48 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Plugins]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Box]]></category>
		<category><![CDATA[Effect]]></category>
		<category><![CDATA[Effects]]></category>
		<category><![CDATA[File]]></category>
		<category><![CDATA[Hover]]></category>
		<category><![CDATA[icon]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Link]]></category>
		<category><![CDATA[List]]></category>
		<category><![CDATA[Load]]></category>
		<category><![CDATA[Reflection]]></category>
		<category><![CDATA[Shadow]]></category>
		<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://www.jquerylabs.com/?p=264</guid>
		<description><![CDATA[Create a Realistic Hover Effect With jQuery, two different effects available shadow and reflection. Looks stunning. Check out the demo.]]></description>
			<content:encoded><![CDATA[<h3>Create a Realistic Hover <a href="http://www.jquerylabs.com/tag/effect" class="st_tag internal_tag" rel="tag" title="Posts tagged with Effect">Effect</a> With <a href="http://www.jquerylabs.com/tag/jquery" class="st_tag internal_tag" rel="tag" title="Posts tagged with jQuery">jQuery</a></h3>
<p>For one of the projects I’m currently working on with Rareview, we wanted to add a rising hover <a href="http://www.jquerylabs.com/tag/effect" class="st_tag internal_tag" rel="tag" title="Posts tagged with Effect">effect</a> to a set of icon links. Using <a href="http://www.jquerylabs.com/tag/jquery" class="st_tag internal_tag" rel="tag" title="Posts tagged with jQuery">jQuery</a>’s animate <a href="http://www.jquerylabs.com/tag/effect" class="st_tag internal_tag" rel="tag" title="Posts tagged with Effect">effect</a>, I experimented with icons that have reflections and others with shadows. Here is a demo with two examples:</p>
<hr />
<p>Tutorial<br />
<a href="http://www.adrianpelletier.com/2009/05/31/create-a-realistic-hover-effect-with-jquery-ui/" target="_blank">Tutorial Page</a></p>
<p>Example<br />
<a href="http://adrianpelletier.com/sandbox/jquery_hover_nav/" target="_blank">View Demo Page</a></p>
<p>Download<br />
<a href="http://adrianpelletier.com/sandbox/jquery_hover_nav/demo.zip" target="_blank">Download Demo (Zip File)</a></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center">
<ul class="socials">
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.jquerylabs.com/create-a-realistic-hover-effect-with-jquery.html&amp;t=Create+a+Realistic+Hover+Effect" rel="nofollow" class="external" title="Bunu paylaş:Facebook">Bunu paylaş:Facebook</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Create+a+Realistic+Hover+Effect+-+http://b2l.me/wvk6r&amp;source=shareaholic" rel="nofollow" class="external" title="Bunu Tweet'le!">Bunu Tweet'le!</a>
		</li>
		<li class="shr-friendfeed">
			<a href="http://www.friendfeed.com/share?title=Create+a+Realistic+Hover+Effect&amp;link=http://www.jquerylabs.com/create-a-realistic-hover-effect-with-jquery.html" rel="nofollow" class="external" title="Bunu paylaş:FriendFeed">Bunu paylaş:FriendFeed</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.jquerylabs.com/create-a-realistic-hover-effect-with-jquery.html&amp;title=Create+a+Realistic+Hover+Effect" rel="nofollow" class="external" title="Bunu paylaş:del.icio.us">Bunu paylaş:del.icio.us</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://www.jquerylabs.com/create-a-realistic-hover-effect-with-jquery.html&amp;title=Create+a+Realistic+Hover+Effect" rel="nofollow" class="external" title="Bunu paylaş:Reddit">Bunu paylaş:Reddit</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.jquerylabs.com/create-a-realistic-hover-effect-with-jquery.html&amp;title=Create+a+Realistic+Hover+Effect" rel="nofollow" class="external" title="Bunu Digg'le!">Bunu Digg'le!</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.jquerylabs.com/create-a-realistic-hover-effect-with-jquery.html&amp;title=Create+a+Realistic+Hover+Effect" rel="nofollow" class="external" title="İyi bir şeye mi denk geldin? StumbleUpon üzerinde paylaş">İyi bir şeye mi denk geldin? StumbleUpon üzerinde paylaş</a>
		</li>
		<li class="shr-myspace">
			<a href="http://www.myspace.com/Modules/PostTo/Pages/?u=http://www.jquerylabs.com/create-a-realistic-hover-effect-with-jquery.html&amp;t=Create+a+Realistic+Hover+Effect" rel="nofollow" class="external" title="Bunu postala:MySpace">Bunu postala:MySpace</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.jquerylabs.com/create-a-realistic-hover-effect-with-jquery.html&amp;title=Create+a+Realistic+Hover+Effect&amp;summary=Create%20a%20Realistic%20Hover%20Effect%20With%20jQuery%2C%20two%20different%20effects%20available%20shadow%20and%20reflection.%20Looks%20stunning.%20Check%20out%20the%20demo.&amp;source=Jquery Labs" rel="nofollow" class="external" title="Bunu paylaş:LinkedIn">Bunu paylaş:LinkedIn</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.jquerylabs.com/create-a-realistic-hover-effect-with-jquery.html&amp;imageurl=" rel="nofollow" class="external" title="Google Buzz'da paylaş:">Google Buzz'da paylaş:</a>
		</li>
		<li class="shr-googlebookmarks">
			<a href="http://www.google.com/bookmarks/mark?op=add&amp;bkmk=http://www.jquerylabs.com/create-a-realistic-hover-effect-with-jquery.html&amp;title=Create+a+Realistic+Hover+Effect" rel="nofollow" class="external" title="Bunu ekle:Google Bookmarks">Bunu ekle:Google Bookmarks</a>
		</li>
		<li class="shr-yahoobuzz">
			<a href="http://buzz.yahoo.com/submit/?submitUrl=http://www.jquerylabs.com/create-a-realistic-hover-effect-with-jquery.html&amp;submitHeadline=Create+a+Realistic+Hover+Effect&amp;submitSummary=Create%20a%20Realistic%20Hover%20Effect%20With%20jQuery%2C%20two%20different%20effects%20available%20shadow%20and%20reflection.%20Looks%20stunning.%20Check%20out%20the%20demo.&amp;submitCategory=science&amp;submitAssetType=text" rel="nofollow" class="external" title="Buzz!">Buzz!</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>


	Tags: <a href="http://www.jquerylabs.com/tag/box" title="Box" rel="tag">Box</a>, <a href="http://www.jquerylabs.com/tag/effect" title="Effect" rel="tag">Effect</a>, <a href="http://www.jquerylabs.com/tag/effects" title="Effects" rel="tag">Effects</a>, <a href="http://www.jquerylabs.com/tag/file" title="File" rel="tag">File</a>, <a href="http://www.jquerylabs.com/tag/hover" title="Hover" rel="tag">Hover</a>, <a href="http://www.jquerylabs.com/tag/icon" title="icon" rel="tag">icon</a>, <a href="http://www.jquerylabs.com/tag/image" title="image" rel="tag">image</a>, <a href="http://www.jquerylabs.com/tag/jquery" title="jQuery" rel="tag">jQuery</a>, <a href="http://www.jquerylabs.com/tag/link" title="Link" rel="tag">Link</a>, <a href="http://www.jquerylabs.com/tag/list" title="List" rel="tag">List</a>, <a href="http://www.jquerylabs.com/tag/load" title="Load" rel="tag">Load</a>, <a href="http://www.jquerylabs.com/tag/reflection" title="Reflection" rel="tag">Reflection</a>, <a href="http://www.jquerylabs.com/tag/shadow" title="Shadow" rel="tag">Shadow</a>, <a href="http://www.jquerylabs.com/tag/jquery-tutorials" title="Tutorials" rel="tag">Tutorials</a>, <a href="http://www.jquerylabs.com/tag/ui" title="UI" rel="tag">UI</a><br />

	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.jquerylabs.com/sliding-menu-background.html" title="Sliding Menu Background (10 Şubat 2010)">Sliding Menu Background</a> (0)</li>
	<li><a href="http://www.jquerylabs.com/jquery-thumbnail-with-zooming-image-and-fading-caption-tutorial.html" title="Zooming Image and Fading Caption (23 Kasım 2009)">Zooming Image and Fading Caption</a> (0)</li>
	<li><a href="http://www.jquerylabs.com/zoomer-gallery.html" title="Zoomer Gallery (14 Ocak 2010)">Zoomer Gallery</a> (0)</li>
	<li><a href="http://www.jquerylabs.com/reflection-plugin.html" title="Reflection Plugin (24 Aralık 2009)">Reflection Plugin</a> (0)</li>
	<li><a href="http://www.jquerylabs.com/polaroid-photo-viewer-with-css3.html" title="Polaroid Photo Viewer with CSS3 (01 Şubat 2010)">Polaroid Photo Viewer with CSS3</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.jquerylabs.com/create-a-realistic-hover-effect-with-jquery.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
