2013-02-19 34 views
1

是否可以從下向上增大/顯示圖像?從下往上增長/顯示圖像

我需要動畫的圖像是不透明PNG這是一個動畫序列的一部分 - 該圖像是塔的標誌,我需要使它從底部向上增長。

這是HTML -

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

我設置一個固定的高度上logoCover(標識高度),並嘗試動畫的高度 - 但它總是自上而下顯示 - 任何想法?

+0

http://stackoverflow.com/questions/8026900/jquery-animate-top-from-bottom-to-top – Morpheus 2013-02-19 11:58:15

回答

3

你可以有一個絕對定位的元素顯示由「向上滑動」,如果它被固定在其容器的底部。

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

注意.slideDown是jQuery中的 「兜底」 的方法,並.slideUp皮。即使它看起來向上滑動,您仍然需要使用.slideDown來顯示它。

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

+0

頂尖 - 工程請客 - 歡呼的! – Dancer 2013-02-19 12:28:00