<?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/tags/effect</link>
<description>Recent snippets posted on Snipplr.com</description>
<language>en-us</language>
<pubDate>Thu, 20 Jun 2013 22:32:17 GMT</pubDate>
<item>
<title>(CSS) CSS3 Roll Links - bmayzure</title>
<link>http://snipplr.com/view/69645/css3-roll-links/</link>
<description><![CDATA[ <p>Cross-browser roll link effect in CSS3. Works in IE 10+, Webkit (Chrome/Safari/etc), Opera, Gecko (Firefox/Seamonkey/etc). Degrades nicely for unsupported browsers.</p> ]]></description>
<pubDate>Fri, 25 Jan 2013 10:47:29 GMT</pubDate>
<guid>http://snipplr.com/view/69645/css3-roll-links/</guid>
</item>
<item>
<title>(CSS) CSS3 Link Color Transition Effect - bmayzure</title>
<link>http://snipplr.com/view/69644/css3-link-color-transition-effect/</link>
<description><![CDATA[ <p>A simple CSS3 link-color transition effect. Fades from the base color to the active/focus color and back on rollover. A nice little added effect that's pretty well cross browser. Works with Webkit (Chrome/Safari/etc), Opera, Gecko (Firefox/Seamonkey/etc), and IE 10. Degrades nicely for unsupported browsers.</p> ]]></description>
<pubDate>Fri, 25 Jan 2013 10:21:22 GMT</pubDate>
<guid>http://snipplr.com/view/69644/css3-link-color-transition-effect/</guid>
</item>
<item>
<title>(ActionScript) AS2 Floating Effect - centurion09</title>
<link>http://snipplr.com/view/66456/as2-floating-effect/</link>
<description><![CDATA[ <p>simple as2 floating effect..</p> ]]></description>
<pubDate>Wed, 01 Aug 2012 21:25:51 GMT</pubDate>
<guid>http://snipplr.com/view/66456/as2-floating-effect/</guid>
</item>
<item>
<title>(ActionScript 3) Actionscript 3 Wave Effect - shalomfriss</title>
<link>http://snipplr.com/view/60393/actionscript-3-wave-effect/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Tue, 01 Nov 2011 08:18:26 GMT</pubDate>
<guid>http://snipplr.com/view/60393/actionscript-3-wave-effect/</guid>
</item>
<item>
<title>(CSS) Starry Night Parallax CSS Simplified - DeluxiveState</title>
<link>http://snipplr.com/view/58688/starry-night-parallax-css-simplified/</link>
<description><![CDATA[ <p>A Simplified solution to CSS-Tricks Starry Night Parallax Effect. Se URL for demo and original article. Example files can also be downloaded at the URL.</p> ]]></description>
<pubDate>Thu, 15 Sep 2011 03:00:42 GMT</pubDate>
<guid>http://snipplr.com/view/58688/starry-night-parallax-css-simplified/</guid>
</item>
<item>
<title>(CSS) 3D Effect with CSS3 - adrianspiegel</title>
<link>http://snipplr.com/view/51460/3d-effect-with-css3/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Sat, 02 Apr 2011 23:05:14 GMT</pubDate>
<guid>http://snipplr.com/view/51460/3d-effect-with-css3/</guid>
</item>
<item>
<title>(ActionScript 3) AS3 Pixelate bitmapData - adrianparr</title>
<link>http://snipplr.com/view/47554/as3-pixelate-bitmapdata/</link>
<description><![CDATA[ <p>Credit for this goes to Terry Paton</p> ]]></description>
<pubDate>Thu, 20 Jan 2011 02:30:58 GMT</pubDate>
<guid>http://snipplr.com/view/47554/as3-pixelate-bitmapdata/</guid>
</item>
<item>
<title>(CSS) Gradient Horizontal Rule - pmigueld</title>
<link>http://snipplr.com/view/44300/gradient-horizontal-rule/</link>
<description><![CDATA[ <p>A subtle gradient effect for &amp;lt;hr&amp;gt; tags. Works on Firefox and Webkit browsers (i.e. Chrome / Safari / Midori).</p> ]]></description>
<pubDate>Wed, 17 Nov 2010 19:31:09 GMT</pubDate>
<guid>http://snipplr.com/view/44300/gradient-horizontal-rule/</guid>
</item>
<item>
<title>(CSS) Use CSS transform for Interesting Hover Effects - alozuldo</title>
<link>http://snipplr.com/view/42842/use-css-transform-for-interesting-hover-effects/</link>
<description><![CDATA[ <p>For progressive enhancement, you could use the transform property that is supported by many browsers that have CSS3 support.

Here’s a trick for enlarging a elements on hover by 110%.</p> ]]></description>
<pubDate>Sun, 24 Oct 2010 10:04:10 GMT</pubDate>
<guid>http://snipplr.com/view/42842/use-css-transform-for-interesting-hover-effects/</guid>
</item>
<item>
<title>(ActionScript 3) 3D Flip Effect with Flash  / Actionscript 3 - adamcoulombe</title>
<link>http://snipplr.com/view/42802/3d-flip-effect-with-flash---actionscript-3/</link>
<description><![CDATA[ <p>Demo, info &amp; FLA download at http://adamcoulombe.info/lab/as3/card-flip.html</p> ]]></description>
<pubDate>Sat, 23 Oct 2010 07:12:45 GMT</pubDate>
<guid>http://snipplr.com/view/42802/3d-flip-effect-with-flash---actionscript-3/</guid>
</item>
<item>
<title>(MXML) Spark ComboBoxSkin class with reveal animation - LeeProbert</title>
<link>http://snipplr.com/view/39099/spark-comboboxskin-class-with-reveal-animation/</link>
<description><![CDATA[ <p>This is a spark skin for a simple ComboBox but to make the content of the drop down slide down when you open the combo there\'s a few hoops you need to jump through.\r\n\r\nUsually the PopUpAnchor object has an includeIn property set to the \'open\' state of the skin. This means the content transition needs to be set for it to have any effect when it appears. You can use a simple fade or scale but most people want to see the pop-up \'drop down\' maybe with a slide and some easing. To do this you need to use the Move effect and animate the position of the content as it moves into place.\r\n\r\nThis effect happens by making sure the content is within a group that has its clipAndEnableScrolling property set to true so the content is masked. Now that should be as straightforward as it gets BUT there\'s a problem.\r\n\r\nWhen the \'open\' state is first initiated the popup content is instantiated and takes a few ticks to be created and have its height measured so we can use this number in our Move effect.\r\n\r\nSo we need to listen for the state change and detect if the content is created before starting the effect. If it isn\'t we need to listen to the creationComplete handler to determine the height and then run the effect.\r\n\r\nThis is a simple hack that assumes you\'re not going to change the height of the Scroller object on the fly. If this were the case you\'d probably have to adjust the popupHeight property using the commitProperties handler of the scroller instead.</p> ]]></description>
<pubDate>Mon, 16 Aug 2010 02:09:45 GMT</pubDate>
<guid>http://snipplr.com/view/39099/spark-comboboxskin-class-with-reveal-animation/</guid>
</item>
<item>
<title>(MXML) Spark Button skin with scaling transition - LeeProbert</title>
<link>http://snipplr.com/view/39098/spark-button-skin-with-scaling-transition/</link>
<description><![CDATA[ <p>Here's a simple Button skin that will scale up and down on roll over and out. The important thing to note is that the skin is a simple ellipse with a label so the scale effect needs to happen from the centre point of the skin. To do this you need to set the transformX and transformY properties of the skin to half the width and height of the skin. In this example the skin is an ellipse with a simple plus icon and a label.</p> ]]></description>
<pubDate>Mon, 16 Aug 2010 01:56:15 GMT</pubDate>
<guid>http://snipplr.com/view/39098/spark-button-skin-with-scaling-transition/</guid>
</item>
<item>
<title>(ActionScript 3) Halftone Effect in Actionscript 3 / Flash - adamcoulombe</title>
<link>http://snipplr.com/view/35759/halftone-effect-in-actionscript-3--flash/</link>
<description><![CDATA[ <p>This is a demo of a halftone effect for AS3. It requires a halftone filter file. You can download all the files required for this at http://www.adamcoulombe.info/lab/as3/halftone/</p> ]]></description>
<pubDate>Tue, 15 Jun 2010 16:39:52 GMT</pubDate>
<guid>http://snipplr.com/view/35759/halftone-effect-in-actionscript-3--flash/</guid>
</item>
<item>
<title>(ActionScript 3) AS3 Create a TV Static Type Effect Using SetPixel - adrianparr</title>
<link>http://snipplr.com/view/31762/as3-create-a-tv-static-type-effect-using-setpixel/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Wed, 14 Apr 2010 09:25:38 GMT</pubDate>
<guid>http://snipplr.com/view/31762/as3-create-a-tv-static-type-effect-using-setpixel/</guid>
</item>
<item>
<title>(ActionScript 3) Simple 3D 360 Spinning Hover effect with AS3 and Tweenlite - adamcoulombe</title>
<link>http://snipplr.com/view/25037/simple-3d-360-spinning-hover-effect-with-as3-and-tweenlite/</link>
<description><![CDATA[ <p>demo: http://www.adamcoulombe.info/lab/as3/360-spin-hover.html
FLA: http://www.adamcoulombe.info/lab/as3/360-spin-hover.fla

requires tweenlite</p> ]]></description>
<pubDate>Fri, 18 Dec 2009 16:00:09 GMT</pubDate>
<guid>http://snipplr.com/view/25037/simple-3d-360-spinning-hover-effect-with-as3-and-tweenlite/</guid>
</item>
<item>
<title>(jQuery) jQuery Overflow Timeline Effect - davebowker</title>
<link>http://snipplr.com/view/16062/jquery-overflow-timeline-effect/</link>
<description><![CDATA[ <p>Modified the code very slightly to add in cursor states for when the timeline is grabbed. Also added in (but commented out) the code to make the sliding twice as fast using a multiplier.</p> ]]></description>
<pubDate>Thu, 18 Jun 2009 07:07:54 GMT</pubDate>
<guid>http://snipplr.com/view/16062/jquery-overflow-timeline-effect/</guid>
</item>
<item>
<title>(jQuery) Super simple jQuery Toggler - Skeku</title>
<link>http://snipplr.com/view/15285/super-simple-jquery-toggler/</link>
<description><![CDATA[ <p>Used here: http://www.criteriondg.info/wordpress</p> ]]></description>
<pubDate>Sun, 24 May 2009 08:42:25 GMT</pubDate>
<guid>http://snipplr.com/view/15285/super-simple-jquery-toggler/</guid>
</item>
<item>
<title>(JavaScript) Robert Penner's ActionScript easing functions ported to Scriptaculous 1.8 - lozioric</title>
<link>http://snipplr.com/view/14458/robert-penners-actionscript-easing-functions-ported-to-scriptaculous-18/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Mon, 27 Apr 2009 02:48:40 GMT</pubDate>
<guid>http://snipplr.com/view/14458/robert-penners-actionscript-easing-functions-ported-to-scriptaculous-18/</guid>
</item>
<item>
<title>(JavaScript) Jquery advanced search - davebowker</title>
<link>http://snipplr.com/view/13910/jquery-advanced-search/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Thu, 09 Apr 2009 08:45:31 GMT</pubDate>
<guid>http://snipplr.com/view/13910/jquery-advanced-search/</guid>
</item>
<item>
<title>(Other) Scriptaculous tweening effect - eugegim</title>
<link>http://snipplr.com/view/9367/scriptaculous-tweening-effect/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Thu, 30 Oct 2008 01:37:56 GMT</pubDate>
<guid>http://snipplr.com/view/9367/scriptaculous-tweening-effect/</guid>
</item>
</channel>
</rss>