效果图
文章缩略图鼠标悬浮放大特效，纯CSS实现，教程如下
教程
将以下代码放到主题/子主题的style.css文件即可（这个适用于B2主题美化）
B2主题
/*首页文章缩略图鼠标悬浮放大特效-https://www.xingkongweb.com/60693.html*/
.post-thumb {
transition: .35s;
}
.post-thumb:hover {
-ms-transform: scale(1.100);
-moz-transform: scale(1.100);
-webkit-transform: scale(1.100);
transform: scale(1.100)
}
/*首页文章缩略图鼠标悬浮放大特效-https://www.xingkongweb.com/60693.html*/
通用主题
这里我们需要注意的是类名，就是上文代码中的post-thumb部分，这个每个主题是不一样的。
浏览器打开网站，鼠标悬浮在文章缩略图，然后右键就能看到
这个class后面的i-article-thumb就是类名，我们把这个类名替换一下上文中的post-thumb就行
/*首页文章缩略图鼠标悬浮放大特效-https://www.xingkongweb.com/60693.html*/
.i-article-thumb { transition: .35s; }
.i-article-thumb:hover { -ms-transform: scale(1.100);
-moz-transform: scale(1.100);
-webkit-transform: scale(1.100);
transform: scale(1.100) }
/*首页文章缩略图鼠标悬浮放大特效-https://www.xingkongweb.com/60693.html*/ 声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
