Styling JQuery Scale Effect

Question

У меня есть быстрый вопрос относительно эффекта масштаба ...

У меня есть сырая анимация я пытаюсь сделать. У меня есть быстрый FadeIn, а затем элементы списка масштабирования и выведение на экране:

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); 
     }); 
    }); 
    }); 

Моей проблема заключается в стилизации затрагиваемых текстовых элементов, которые они получают обрезание на правой стороне. Кто-нибудь знает о решении, которое предотвратило бы отрезание текста?

Answer 1

Я думаю, что я это понял ... он не на 100% центрирован (больше похоже на 99%), но, похоже, работает, не отключая текст.

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; 
}