Efectos con Mootools: Fx.Styles

var misEfectos1 = new Fx.Styles('elemento-1');
$('elemento-1').addEvent('click', function()
{
	misEfectos1.start(
	{
		'margin-left': [0, 383],
		'background-color': ['#B4C24B', '#ff0000'],
		'opacity': [1, 0.5]
	});
}); 

var misEfectos2 = new Fx.Styles('elemento-2');
$('elemento-2').addEvent('click', function()
{
	misEfectos2.start(
	{
		'margin-left': 383,
		'background-color': '#ff0000',
		'opacity': 0.5
	});
});