jquery - 样式化 jQuery 缩放效果

Question

我有一个关于规模效应的快速问题......

我有一个我想要完成的粗略动画。我有一个快速的淡入，然后在屏幕上列出缩放和淡出的元素：

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