jquery - 画像を下から上に拡大/表示

Question

画像を下から上に拡大/表示することは可能ですか？

アニメーション化する必要のある画像は、アニメーションシーケンスの一部である不透明なPNGです。画像はタワーのロゴであり、ベースから上に成長させる必要があります。

これはHTMLです-

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

私はlogoCover（ロゴの高さ）に固定の高さを設定し、高さをアニメーション化しようとしました-しかし、それは常に上から下に表示されます-何かアイデアはありますか？

score 3 · Accepted Answer

コンテナの底に固定されている場合は、「上にスライド」することで、絶対位置にある要素を表示できます。

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

.slideDownこれはjQueryの「表示」メソッドであり、非表示になっていることに注意してください.slideUp。.slideDownそれが上にスライドしているように見えても、それを明らかにするために使用する必要があります。

1 に答える 1