css图片缩放过渡

最新推荐文章于 2023-01-31 10:43:56 发布

兔老大的胡萝卜

最新推荐文章于 2023-01-31 10:43:56 发布

阅读量220

点赞数

分类专栏：前端文章标签： css css3 前端

本文链接：https://blog.csdn.net/nuoyuezuo/article/details/121989882

版权

前端专栏收录该内容

70 篇文章 1 订阅

订阅专栏

.hoverimg:hover{
  transition: .5s transform;
  transform: scale(1.15);
}
.hoverimg{
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;

  transition-property: all;
  transition-duration: 0.36s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

<div style="width: 100%;height: auto;overflow: hidden;">
                <img class="hoverimg"   src="../assets/img/tp.jpg" alt="">
              </div>