Styling jQuery Effet d'échelle

Question

J'ai une petite question au sujet de l'effet d'échelle ...

J'ai une animation brute que je suis en train d'accomplir. J'ai un fadeIn rapide et puis éléments de la liste mise à l'échelle et à la décoloration sur l'écran:

jQuery("#page_content").fadeOut(2000, function() { 
    jQuery("#intro_animation").slideDown(2500, function() { 
     var delay_duration = 10; 

     jQuery("ul#intro_words > li").each(function(index) { 
     jQuery(this).delay(delay_duration).hide("scale", {percent: 700, origin: 'center', fade: 'hide' }, 2000); 
     delay_duration += 2000; 
     }); 

     jQuery("#intro_animation").delay(delay_duration).slideUp(2500, function() { 
     jQuery("#page_content").fadeIn(2000); 
     }); 
    }); 
    }); 

Mon problème est en dénommant les éléments de texte concernés qu'ils obtiennent coupure sur le côté droit. Est-ce que quelqu'un sait d'une solution qui empêcherait le texte d'être coupé?

Answer 1

Je pense que je l'ai compris ... il n'est pas centré à 100% (plus près de 99%) mais semble fonctionner sans que le texte ne soit coupé.

ul#intro_words > .ui-effects-wrapper > li { 
    list-style-image: none; 
    list-style-type: none; 
    list-style-position: outside; 
    margin: 0 auto; 
    padding: 0 40px; 
    text-indent: -20px; 
}