CSS 3 - 调整父级div时的转换列表项

Question

我在div中有一个图像列表（ul）。我希望在调整div父级和图像更改位置时发生效果转换（css3）。请帮帮我！

我试过了。

<div id="wrapper">
    <ul class="listimg">
        <li><img src="icon1.png" alt=""></li>
        <li><img src="icon2.png" alt=""></li>
        <li><img src="icon3.jpg" alt=""></li>
        <li><img src="icon4.png" alt=""></li>
        <li><img src="icon5.png" alt=""></li>
    </ul>
</div>

和css

#wrapper{
    position: relative;
    width: 100%;
}
ul.listimg{
    list-style-type: none;
}
ul.listimg li{
    float: left;
    margin:30px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

...更新