css 图片鼠标放大动画

.img_wap {
    padding-bottom: 56%;
    width: 100%;
    overflow:hidden;
    position: relative;
    display: block;
}

.img_wap img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    animation: outscale1 0.6s !important;
    animation-fill-mode: forwards !important;
}
.img_wap img:hover{
    animation: inscale1 0.6s !important;
    animation-fill-mode: forwards !important;

}