Gallery

Modules

Documentation

Context Navigation

YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

Text-Shadow Animation (gallery-textshadow-anim) on cdn

Last Updated: 09/20/10

+ 0 -

Patrick Cavit

YUI Contributor

See 4 more by this user.

Created: 09/20/10
Last CDN Push: 09/22/10
Build Tag: gallery-2010.09.22-20-15
Project: YUI 3
License: YUI BSD
YUI Version: 3.2.0
Free for use.

Use this when you need to animate an element's text-shadow. It plugs into the existing animation system so it works seamlessly, simply provide a "to" or "from" value for "textShadow".

Warning, the parser isn't very flexible & only understands pixel dimensions. Sorry!

Code Sample

<script src="http://yui.yahooapis.com/3.2.0/build/yui/yui-min.js"></script>

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2010.09.22-20-15'
}).use('gallery-textshadow-anim', function(Y) {
 
    new Y.Anim({
        node : "h1",
        to : { textShadow : "#F00 0 0 60px" },
        from : { textShadow : "#F00 0 0 0" },
        iterations: 'infinite',
        direction: 'alternate'
    }).run();
 
});

Forum Posts

No forum posts for this module.