【实战项目】css3从图片中心放大

2019-10-11  本文已影响0人  顺小星

显示的图片中,出现了公司水印。在屏幕上十分影响观感。如图:


图片水印

大div:

.container{
        width: 527px;
        height: 300px;
        overflow: hidden;
        position: relative;
}

图片设置:

.container img{
       vertical-align: top;
       width: 100%;
       height: 100%;
       position: relative;
       top: 0;
       left: 0;
       transform: scale(1.09)
}

效果图:

放大之后的效果图
上一篇下一篇

猜你喜欢

热点阅读