html - 如何在悬停时为元素设置动画

Question

如何制作我的 <div>悬停时，元素会增长(并且内容会将文本大小更改为更大)？我把它们放在一个类中并尝试:

size: 150%;

和

height: +30px;
width: +30px;

第一次尝试根本不起作用，第二次代码只是让 div 闪烁并部分消失。

Answer 1

CSS3 解决方案:

div {
    background: #999;
    width: 200px;
    height: 20px; 
    transition: width 1s;
}

div:hover{
    width: 300px;
}

<div>
    <p>Im content</p>
</div>

http://jsfiddle.net/MrdvW/