首页>文档>源码技巧>Wordpress>B2美化>7B2主题美化文章缩略图鼠标悬浮放大特效CSS格式

此组别内的文章

需要支持?

如果通过文档没办法解决您的问题,请提交工单获取我们的支持!

7B2主题美化文章缩略图鼠标悬浮放大特效CSS格式

WordPress系统7B2主题美化文章缩略图鼠标悬浮放大特效css格式。这里我们需要注意的是类名,就是上文代码中的post-thumb部分,这个每个主题是不一样的。

将以下代码放到主题/子主题的style.css文件即可(这个适用于B2主题美化)

/*首页文章缩略图鼠标悬浮放大特效-https://www.dzcrv.com*/
.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.dzcrv.com*/

WordPress主题通用教程

这里我们需要注意的是类名,就是上文代码中的post-thumb部分,这个每个主题是不一样的。

浏览器打开网站,鼠标悬浮在文章缩略图,然后右键就能看到。把类名替换一下上文中的post-thumb就行。

7B2主题美化文章缩略图鼠标悬浮放大特效CSS格式插图
7B2主题美化文章缩略图鼠标悬浮放大特效CSS格式
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索