Enlarge the ultimate version ~, Enlarge Ultimate Edition

Enlarge the ultimate version ~, Enlarge Ultimate Edition

Click zoom in. Move the cursor to the image to zoom in.

<! DOCTYPE html> 

Css
*{padding: 0;margin: 0;border: none;}.suo{      position: fixed;      left: 47%;      bottom: 10%;      text-decoration: none;      color: #fff;      background-color: rgba(0,0,0,.5);      width: 60px;      height: 30px;      text-align: center;      line-height: 30px;      font-size: 50px;  }  .fang{      position: fixed;      left: 47%;      bottom: 10%;      text-decoration: none;      color: #fff;      background-color: rgba(0,0,0,.5);      width: 60px;      height: 30px;      text-align: center;      line-height: 30px;      font-size: 50px;  }.tupian{width: 658px;height: 548px;border: 3px solid #666;box-shadow: 0px 0px 10px 0 rgba(0,0,0,.8);margin: 50px auto;position: relative;overflow: hidden;cursor: pointer;}.suofang{text-decoration: none;color: #fff;background-color: rgba(0,0,0,.5);width: 60px;height: 30px;text-align: center;line-height: 30px;display: inline-block;position: absolute;left: 658px;bottom: -30px;font-size: 50px;}.tupian img{transition: all .5s;}.tupian:hover img {transform: scale(1.5);}#jiajian:target img{      transition: all .5s;      -webkit-transform: scale(2);      -moz-transform: scale(2);      -ms-transform: scale(2);      -o-transform: scale(2);      transform: scale(2);  }#jian{display: block;}#jia{display: none;}#jiajian:target #jian{display: none;}#jiajian:target #jia{display: block;}