美文网首页
CSS3 实现鼠标滑过图片,block以中心为原点进行放大

CSS3 实现鼠标滑过图片,block以中心为原点进行放大

作者: VinceWen | 来源:发表于2020-09-01 21:17 被阅读0次

    要实现鼠标放在block上以中心为原点进行放大,可以利用CSS3的transform和transition来实现
    CSS3的transform: scale()可以按比例放大或缩小block的功能。


    1.png 2.png
    li {
        transition: all 0.3s;
    }
    li:hover{
      transform: scale(1.1);
    }
    

    相关文章

      网友评论

          本文标题:CSS3 实现鼠标滑过图片,block以中心为原点进行放大

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