无标题文档
*{margin:0;padding:0;}
.wrap{ width:400px; height:200px; position:relative;border:2px solid #999; overflow:hidden;}
.col{ width:400px; height:200px; position: absolute; z-index:1; background:#272727; opacity:0; text-align:center;}
p a{font-size:20px; font-family:"微软雅黑"; text-decoration:none; color:#fff; line-height:500px;}
.wrap:hover .col{transition:all 1s ease-in-out;opacity:0.8; }
.wrap .col a{transform:translate(0,0px); display:block;}
.wrap:hover .col a{ transform:translate(0,-100px); -webkit-transform:translate(0,-100px);transition:all 1s ease; -webkit-transition:all 1s ease;}
.wrap:hover img{ transform:scale(1.2); transition:all 1s linear;}
《带你回来.mp3》
|