当前位置:首页>网站建设>dux主题:首页缩略图鼠标滑过放大效果

dux主题:首页缩略图鼠标滑过放大效果

释放双眼,带上耳机,听听看~!

今天我为大家分享一个DUX主题首页缩略图鼠标滑过放大效果,实现方法也很简单,把以下css代码放入主题main.css即可。

dux主题:首页缩略图鼠标滑过放大效果
/*首页图片鼠标放上去放大*/
.content article a.focus{
overflow: hidden; 
}
.content article a.focus img{
cursor: pointer; 
transition: all 0.6s; 
}
.content article a.focus img:hover{
transform: scale(1.1); 
}
.sidebar .widget_ui_posts ul li a span img{
cursor: pointer; 
transition: all 0.6s; 
}
.sidebar .widget_ui_posts ul li a span img:hover{
transform: scale(1.1); 
}
.sidebar .widget_ui_posts ul li a span{
overflow: hidden; 
}
.focusmo div.right-item img{
cursor: pointer; 
transition: all 0.6s; 
}
.focusmo div.right-item img:hover{
transform: scale(1.1); 
}
.focusmo div.right-item a{
overflow: hidden; 
}
.focusmo div#focusslide-1 img{
cursor: pointer; 
transition: all 0.6s; 
}
.focusmo div#focusslide-1 img:hover{
transform: scale(1.1); 
}
.focusmo di#focusslide-1 a{
overflow: hidden; 
}
/*首页图片鼠标放上去放大结束*/

喜欢的朋友赶快试一下吧!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
网站建设

WordPress删除文章时同时删除图片附件

2022-7-20 8:11:08

网站建设

DUX主题添加仿知更鸟评论等级样式

2022-7-21 8:13:24

温馨提示:

1.本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:971318156@qq.com,我们将第一时间处理!

2.资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。

3.所有资源仅限于参考和学习,版权归原作者所有,更多请阅读网站声明

2 条回复 A文章作者 M管理员
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索