CSS3 enables the mouse to move into the picture, and the picture zooms in and out

CSS3 enables the mouse to move into the picture, and the picture zooms in and out

CSS:

 tc>div>ul>li>img{ display: inline-block; vertical-align: top; width: 295px; height: auto; margin: 0 20px 18px 0; background: white; box-sizing: border-box; transition: all .5s; -webkit-transition: all .5s; /*  Safari */ } .tc>div>ul>li>img:hover { cursor: pointer; transform: scale(1.1); -ms-transform:scale(1.1);     /*  IE 9 */ -moz-transform:scale(1.1);     /*  Firefox */ -webkit-transform:scale(1.1); /*  Safari and Chrome*/ -o-transform:scale(1.1); }

html:

 <div class="tc mld"> <h5><span>New Start Blog</span><small></small></h5> <div> <ul> <li onclick="window.open('video.html')"> <img src="image/1.jpg"> </li> </ul> </div>