今天我为大家分享一个DUX主题首页缩略图鼠标滑过放大效果,实现方法也很简单,把以下css代码放入主题main.css即可。
/*首页图片鼠标放上去放大*/
.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;
}
/*首页图片鼠标放上去放大结束*/
喜欢的朋友赶快试一下吧!