Styling jQuery Scale Effect - PullRequest
Новая
       9

Styling jQuery Scale Effect

2 голосов
/ 05 сентября 2010

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

У меня есть грубая анимация, которую я пытаюсь выполнить. У меня есть быстрое исчезновение, а затем список элементов, масштабирующихся и исчезающих на экране: 

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

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

1 Ответ

0 голосов
/ 05 сентября 2010

Мне кажется, я понял это ... он не на 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;
}
...