Styling jQuery Scale-Effekt

Question

Ich habe eine kurze Frage in Bezug auf den Skaleneffekt ...

habe ich eine grobe Animation ich zu erreichen versuchen. Ich habe eine schnelle fadeIn und dann Listenelemente Skalierung und Ausblenden auf dem Bildschirm:

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

Mein Problem ist es, die betroffenen Textelemente in Styling, dass sie auf der rechten Seite erhalten Cutoff. Kennt jemand eine Lösung, die den Text ab, abgeschnitten verhindern?

Answer 1

Ich glaube, ich es herausgefunden ... es ist nicht 100% (mehr wie 99%) zentrierte aber scheint zu funktionieren, ohne den Text abgeschnitten zu bekommen.

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