子比-首页文章列表悬停上浮

前言

我们经常逛别人的网站，有些网站的美化效果特别好看，那么我们如何实现呢？其实很简单，只需一句代码即可实现。请看下面的教程。

CSS代码：

/*首页文章列表悬停上浮*/
@media screen and (min-width: 980px){.tab-content .posts-item:not(article){transition: all 0.3s;}.tab-content .posts-item:not(article):hover{transform: translateY(-10px); box-shadow: 0 8px 10px rgba(255, 112, 173, 0.35);}}