图像悬停缩放

时间:2018-10-19 21:58:55

标签: css scale

我有一张想要缩放的图像,但足迹尺寸与原始尺寸相同。 CSS过渡比例效果很好,除了我的图像不仅会增大尺寸,而且足迹也会扩大,以便整个图像显示出来,只是更大。

HTML

 <p class="secondCol">
    <span class="columnTitle">Seller Services</span>
    <a href="sellers.html" style="padding-top: 0em;">
    <img src="_images/engaged-buying-a-home.jpg" class="grow">
 </p>

CSS

.grow {
    transition: all .2s ease-in-out;
}

.grow:hover {
    transform: scale(1.1);
}

0 个答案:

没有答案