老师,帮我看看我的是哪里的问题?谢谢!
老师 麻烦帮我看看我的事哪里的问题,效果还是不标准。
.text6{
background: orchid;
}
.text6 figcaption{width: 80%;
height: 80%;
color: white;}
.text6 figcaption h2{margin-top: 15%;
margin-left: 20%;
color: white;
}
.text6 figcaption p{margin-top: 5px;
margin-left: 20%;
}
.text6 .div1{background-color: #FFFFFF;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 100%;
opacity: 1;
filter: alpha(opacity:0);
vertical-align:text-top;
text-align: center;
/*transform:translate(-60px,0px)*/
}
.text6:hover .div1{
transform: translate(35px,-80px) rotate(-16deg);
opacity: 0.7;
filter: alpha(opacity:70);
width: 120%;
}
<figure class="text6">
<img src="img/p1_imooc.png" alt="小慕" />
<figcaption>
<h2>大家好,我始终是小慕</h2>
<p>恭祝大家新年快乐</p>
</figcaption>
<div class="div1">
<p>left right</p>
<p>发F发</p>
</div>
</figure>