Question

是否可以从下到上增长/显示图像？

我需要制作动画的图像是一个不透明的PNG，它是动画序列的一部分 - 图像是塔标志，我需要让它从底部生长。

这是HTML -

        <div class="logoCover">
             <div class="logoTop">
             </div>
        </div>

我在logoCover（徽标的高度）上设置了一个固定的高度，并尝试了动画高度 - 但它总是从上到下显示 - 任何想法？

Answer 1

如果固定在容器底部，可以通过“向上滑动”显示绝对定位的元素。

.logoTop {
    display: none;
    position: absolute;
    bottom: 0;
}

请注意，.slideDown是jQuery中的“揭示”方法，.slideUp隐藏。即使它似乎向上滑动，您仍然需要使用.slideDown来显示它。