有没有一种方法可以让百分比值的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动画？

回答

相关问题