美文网首页
【实战项目】css3从图片中心放大

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

作者: 顺小星 | 来源:发表于2019-10-11 14:26 被阅读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)
    }
    

    效果图:

    放大之后的效果图

    相关文章

      网友评论

          本文标题:【实战项目】css3从图片中心放大

          本文链接:https://www.haomeiwen.com/subject/ajitmctx.html