DIV懸浮效果實現

今天看雷鋒網列表的懸浮效果不錯，帶陰影的，於是拔下來實現了下。

代碼如下：

.kratos-hentry{
   transition: all 0.2s ease-in;
}
.kratos-hentry:hover{    
    background: #f7f7f7;
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.1);
    box-shadow: 0 0 30px rgba(0,0,0,0.15);
    -webkit-transform: translate3d(0, 0px, -2px);
    transform: translate3d(0, 1px, -2px);    
}
.kratos-hentry:hover h2 a{
    color: #00a2ff;
}

文章結構如下：

效果如下：

具體使用的話，您根據自己的文章結構，把樣式復制過去就OK了。