Owl Carousel div图像悬停的高度

Question

我试图将img悬停在猫头鹰转盘div内。我为Owl Carousel容器transition添加了简单的CSS div，但Owl Carousel自动为其标准高度。你会在图片中看到。 我为div身高{。}}添加了简单的边框颜色。

这是在悬停之前：

这是悬停时的情况

这是我的代码：

<div class="owl-carousel owl-theme" align="center" style="border: 1px solid red;">
    <div class="item img-thumbnail grow">
        <a href="#"><img src="http://via.placeholder.com/300x250">
            <div class="text-warning" align="center">Deneme1</div>
        </a>
    </div>
    <div class="item img-thumbnail grow">
        <a href="#"><img src="http://via.placeholder.com/300x250">
            <div class="text-warning" align="center">Deneme2</div>
        </a>
    </div>

我的CSS代码是：

.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }

如何更改此边缘＆＃39;转型？ 请帮忙。

Answer 1

据我所知，你可以通过添加一个规则css来解决这个问题，

.owl-stage-outer {
    padding: 10px;
}

There is example