html – css3高度转换不工作

前端之家收集整理的这篇文章主要介绍了html – css3高度转换不工作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个使用 css3转换的问题
我如何使过渡平稳,立即出现
我希望div盒慢慢地改变它的高度,当我徘徊在它

HTML代码

<div id="imgs">

<img src="http://chat.ecobytes.net/img/emoticons/smile.png" alt=":)" title=":)" />
<img src="http://chat.ecobytes.net/img/emoticons/sad.png" alt=":(" title=":(" />
<img src="http://chat.ecobytes.net/img/emoticons/wink.png" alt=";)" title=";)" />
<img src="http://chat.ecobytes.net/img/emoticons/razz.png" alt=":P" title=":P" />
<img src="http://chat.ecobytes.net/img/emoticons/grin.png" alt=":D" title=":D" />
<img src="http://chat.ecobytes.net/img/emoticons/plain.png" alt=":|" title=":|" />
<img src="http://chat.ecobytes.net/img/emoticons/surprise.png" alt=":O" title=":O" />
<img src="http://chat.ecobytes.net/img/emoticons/confused.png" alt=":?" title=":?" />
<img src="http://chat.ecobytes.net/img/emoticons/glasses.png" alt="8)" title="8)" />
<img src="http://chat.ecobytes.net/img/emoticons/eek.png" alt="8o" title="8o" />
<img src="http://chat.ecobytes.net/img/emoticons/cool.png" alt="B)" title="B)" />
<img src="http://chat.ecobytes.net/img/emoticons/smile-big.png" alt=":-)" title=":-)" />

</div>

jsfiddle

解决方法

我相信你需要设置一个指定的高度而不是auto. http://jsfiddle.net/BN4Ny/这样做顺利扩张.不知道你是否想要这么小的开放效果.我刚刚分了你的jsfiddle并添加了一个指定的高度.

猜你在找的HTML相关文章