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.

CSS Class Animation (gallery-anim-class) on cdn

Last Updated: 04/17/13

+ 1 -

John Lindal

YUI Contributor

See 50 more by this user.

Created: 03/2/12
Last CDN Push: 05/16/12
Build Tag: gallery-2012.05.16-20-37
Project: YUI 3
License: YUI BSD
YUI Version: 3.5.1
Free for use.

This extension to Y.Anim allows specifying cssClass in the to and from configurations. This animates all the attributes affected by the classes that you specify.

Example of how to animate to a class and individual attributes.

Code Sample

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

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2012.05.16-20-37'
}).use('gallery-anim-class', function(Y)
{
	var node = Y.one('#my-node');
	node.plug(Y.Plugin.NodeFX,
	{
		to: { cssClass: 'my-class', backgroundColor:'#FFFF00', color: '#000000' }
	});
	node.fx.run();
});