挺漂亮的淘宝宝贝促销代码放大特效模板
POST TIME:2020-10-24
.sim-pro-zd {
position: relative;
width: 948px;
height: 480px;
margin: 1px;
}
.sim-pro-zd .sim-pro-zd-list {
transition: left 0.25s, top 0.25s;
overflow: hidden;
}
.sim-pro-zd {
background: #FFF;
}
.sim-pro-zd:hover .sim-pro-zd-list {
background: #F4F4F2;
}
.sim-pro-zd:hover .sim-pro-zd-list-1-1 {
left: 0px!important;
top: 0px!important;
}
.sim-pro-zd:hover .sim-pro-zd-list-1-2 {
left: 190px!important;
top: 0px!important;
}
.sim-pro-zd:hover .sim-pro-zd-list-1-3 {
left: 380px!important;
top: 0px!important;
}
.sim-pro-zd:hover .sim-pro-zd-list-1-4 {
left: 570px!important;
top: 0px!important;
}
.sim-pro-zd:hover .sim-pro-zd-list-1-5 {
left: 760px!important;
top: 0px!important;
}
.sim-pro-zd:hover .sim-pro-zd-list-2-1 {
left: 0px!important;
top: 240px!important;
}
.sim-pro-zd:hover .sim-pro-zd-list-2-2 {
left: 190px!important;
top: 240px!important;
}
.sim-pro-zd:hover .sim-pro-zd-list-2-3 {
left: 380px!important;
top: 240px!important;
}
.sim-pro-zd:hover .sim-pro-zd-list-2-4 {
left: 570px!important;
top: 240px!important;
}
.sim-pro-zd:hover .sim-pro-zd-list-2-5 {
left: 760px!important;
top: 240px!important;
}
.sim-pro-zd .sim-pro-zd-list {
-webkit-transition: 0.25s ease-out;
-moz-transition: 0.25s ease-out;
-o-transition: 0.25s ease-out;
transition: 0.25s ease-out;
z-index: 5;
}
.sim-pro-zd .sim-pro-zd-list:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
-webkit-box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.7);
box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.7);
z-index: 10;
}
