スタイリングjQueryスケール効果
-
01-10-2019 - |
質問
スケール効果について簡単な質問があります...
達成しようとしている粗野なアニメーションがあります。簡単なフェデインがあり、画面上でスケーリングとフェードアウトの要素をリストします。
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);
});
});
});
私の問題は、右側でカットオフを得る影響を受けたテキスト要素をスタイリングすることです。テキストが遮断されないような解決策を知っている人はいますか?
解決
私はそれを理解したと思います...それは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;
}
所属していません StackOverflow