css放大图片，平滑过度

<div class="img-container">

　　<img />

<div/>

 

<style lang="less">

.img-container {

　　width: 50px;

　　height: 30px;

　　overflow: hidden;

　　img {

              width: 100%;

              transition: all 0.3s ease; // 平滑过度效果

              &:hover {

                       transform: scale(1.1);

              }

       }

}

</style>