子比主题美化系列（七）：首页文章列表悬停上浮

前言

给首页文章列表增加一个特效，鼠标悬停时上浮

效果展示

默认样式

美化样式

使用教程

以下代码添加到zibll主题>自定义代码>自定义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);
    }
}