Css tips


原文链接: Css tips

效果展示(http://bubkoo.com/)

  1. tags 定高,鼠标移入时自动扩展

    标签



    ```
    .widget.tagcloud:after {
    content: ' ';
    height: 15px;
    display: block;
    }
    .widget.tagcloud .widget-content {
    padding-right: 5px;
    padding-bottom: 0;
    max-height: 290px;
    overflow: hidden;
    transition: max-height 0.3s ease;
    -webkit-transition: max-height 0.3s ease;
    -moz-transition: max-height 0.3s ease;
    -o-transition: max-height 0.3s ease;
    -ms-transition: max-height 0.3s ease;

}
.widget.tagcloud:hover .widget-content {
max-height: 800px;
}
.widget.tagcloud a {
margin-right: 10px;
display: inline-block;
}
```

`