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了。