从下到上放大/显示图像

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来显示它，即使它看起来像是在滑动。

http://jsfiddle.net/ExplosionPIlls/UhNwB/