鼠标放上图片变大特效

.tubian{width:230px; height:230px; overflow:hidden; }


.tupian_1_1 img{transition:all 1s ease-out 0s; margin-left:0px; margin-top:0px;  perspective-origin:bottom;}


<div class="tupian_1_1"><div class="tubian" ><a href="#"><img src="../aimg/图二1.苹果糖醋肉.翟女.jpg"  onmouseover="bianda(this)"  onmouseout="hui(this)"target="_blank" /></a></div>
         <div class="tu_xia_1"><a href="#"  target="_blank">苹果糖醋肉</a></div>
            <div class="tu_xia_2"><a href="#" target="_blank">翟女</a></div>
        </div>

 

 

 

 function  bianda(asb)
 { 
  asb.style.marginTop = "-25px";
  asb.style.marginLeft = "-25px";
  asb.style.height=" 280px";
  asb.style.width=  "280px";
  
 }
 function hui(asb)
 {
  asb.style.height=" 230px";
  asb.style.width=  "230px";
  asb.style.marginTop = "0px";
  asb.style.marginLeft = "0px";

  
 }

转载于:https://www.cnblogs.com/sq45711478/p/5938663.html