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.

Neon Sign (gallery-neon) on cdn

Last Updated: 04/17/13

+ 0 -

John Lindal

YUI Contributor

See 50 more by this user.

Created: 02/15/11
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.

Animates text to make it look like a neon sign that flickers when it is first turned on. Includes an option to glow, using CSS3.

Configures a node to behave like a neon sign when it is shown.

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-neon', function(Y)
{
	var node = Y.one('#my-neon-sign');
	node.plug(Y.Plugin.Neon,
	{
		backgroundColor: 'black',
		textColor:       'white',
		textShadow:      '{color} 0px 0px 10px, {color} 0px 0px 20px'
	});
	node.show();
});

Forum Posts

No forum posts for this module.