井字格的问题
那个井字格的 试了试 和老师展示的效过不一样呢
.div1{
width:70%; height:90%; border-left:1px solid #fff; border-right:1px solid #fff; position:absolute; left:15%; top:5%;transform:scale(0); transition: all 0.8s;
}
.div2{
width:90%; height:70%; border-top:1px solid #fff;border-bottom:1px solid #fff; position:absolute; left:5%; top:15%; transform:scale(0); transition: all 0.8s;
}
.test6:hover p{
transform:translate(0,-60px);opacity:1;transition: all 0.3s;
}
.test6:hover img{
opacity:0.5;
}
.test6:hover .div1{
transform:scale(1,1); transition: all 0.8s;
}
.test6:hover .div2{
transform:scale(1,1); transition: all 0.8s;
}
