Owl Carousel div画像ホバーの高さ

Question

フクロウ内にimgを移動しようとしていますdiv Owl CarouselコンテナdivにシンプルなCSS transitionを追加しましたが、自動的に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); } 

遷移のためにこの 'エッジ'を変更するにはどうすればよいですか？ 助けてください。私の知る限り、あなたが一つのルールCSSを追加することで、この問題を解決することができます理解されるように

Answer 1

、

​​

There is example