#ds-recent-comments li.ds-comment .ds-excerpt {
max-height: 18px;
transition: max-height 0.15s ease-out;
overflow: hidden;
}
#ds-recent-comments li.ds-comment:hover .ds-excerpt {
max-height: 800px;
transition: max-height 0.25s ease-in;
}
CSS里面从height:0px;到鼠标经过(hover)height:auto;无法应用transition动画
因为边栏输出的评论字节过多想隐藏改成一行
又想鼠标经过的时候显示完整
于是想到了这个....再加个transition应该有点酷炫的样子
但是发现直接定义height 鼠标hover后height的值无法动画效果
然后改用这个方法兼容性挺高
代码用于多说的近期评论,当然也可以用在别的地方
效果见首页:DIANwo点我点我!