鼠标经过图片 图片自动变大

css

//gallery div 对应<div class="gallery cf">

//gallery div>div 对应  <div>

//gallery div>div >a对应  <a href=""</a>

 .gallery div > div >a> input {
    width: 250px;
    transition: .1s transform;
    transform: translateZ(0);
    /* hack */
    }


    .gallery div > div:hover>a {
    z-index: 1;
    }
        .gallery div > div:hover > a > input {
            transform: scale(1.5, 1.5);
            transition: .3s transform;
        }

html

<div class="gallery cf">
            <div>
                <div style="position: relative; z-index: 999" class="perimg">
                    <a href="Editimage"><input type="image" src="@ViewBag.img" style="width: 165px; height: 165px;"/></a>
                </div>
            </div>
        </div>