小编LAL*_*ALA的帖子

我正在创建包含多个图像的画廊，并且在悬停时我希望它能够缩放图像而不缩放框。我正在使用 bootstrap 4。

<div class="row">
 <div class="col-12"><img class="galleryimg" src="images/3GALLERY-1A.jpg" width="100%" height="" alt=""/></div>
 <div class="col-12 "><img class="galleryimg" src="images/3GALLERY-2A.jpg" width="100%" height="" alt=""/></div></row>

css------------------------------------------------- -------------------------------------------------- -------------------------------------------------- --------------

img.galleryimg{
    width: 100%;
    transition: 0.4s ease;
    transform-origin: 50% 50%;}

img.galleryimg:hover{
    transform: scale(1.2);
    width: 100%;}