Typecho 首页文章头图增加动感效果（只需新增开发者自定义 CSS）

2022年05月05日

Mr.Tlyer

281

0 评论

建站相关

Typecho

点击看效果演示

需要根据各自Typecho主题的class值修改：

例如MWordStar主题参照下面修改：
进入后台，设置主题外观，开发者自定义 CSS新增以下代码：

.post:not(article) {
    transition: all 0.3s;
}

.post:not(article):hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 10px rgba(73, 90, 47, 0.47);
}

.header-img {
    overflow: hidden;
}


.fixed{
    transition: all 0.3s;
}

.fixed:hover {
    transform: scale(1.1)
}

参考链接：
https://cloud.tencent.com/developer/article/1915926
https://www.ioiox.com/