hover事件放大效果

.wrapper{
    overflow: hidden;
     display:block;
     position: relative;
     padding-top:67%;
            height:0;
}
.wrapper span{
            display:block;
            width:100%;
            height: 100%;
            position:absolute;
            left:0;
            top:0;
            background:no-repeat center center/cover;
            -webkit-transition: all .8s;
            -o-transition: all .8s;
            transition: all .8s;
}
.wrapper:hover span{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}