有沒有一種方法可以讓百分比值的div動畫？

我有一個div內嵌10個圖像。在圖像加載我想賦予div動畫效果。我想增加它們的大小，在我的CSS代碼中沒有定義高度。如何爲它製作動畫。有沒有一種方法可以讓百分比值的div動畫？

小提琴http://jsfiddle.net/simmi_simmi123/Pukjw/5/

HTML頁面：

<body style="background-image:url('img2/Mesh2.png');background-repeat:no-repeat; background-size: cover;"> 
      <h1>iFlow</h1> 


      <div id="container"> 
      <div id="center" class="column" style=" background-color: gray; opacity: .80; -moz-opacity: 0.80;height:100% ">   



      <!-- This is all the XHTML ImageFlow needs --> 
      <div id="myImageFlow" class="imageflow" > 


       <img /> 
       <img /> 
      </div> 

     </div> 

     </div> 


     </body>

CSS：

.imageflow { 
     overflow: hidden; 
     position: relative; 
     text-align: left; 
     visibility: hidden; 
     width: 100%; 

    } 
.imageflow img { 
    border: none; 
    position: absolute; 
    top: 0px; 
    visibility: hidden; 
    -ms-interpolation-mode: bicubic; 

}

來源

2013-05-13 anam

你必須預先加載它們並獲得它們的尺寸來做你想做的事。 – Archer 2013-05-13 11:03:45

有沒有一種方法可以讓百分比值的div動畫？

回答

相關問題