gpt4 book ai didi

html - 图像未在悬停时放大

转载 作者:行者123 更新时间:2023-12-02 16:28:38 24 4
gpt4 key购买 nike

<分区>

当我将鼠标悬停在图像上时,它并没有按比例放大。我正在使用 transform: scale() 来获得该功能。当我将鼠标悬停在图像上时,我想缩放图像。

有人请帮我解决这个问题。

.row__posters {
display: flex;
}

.row__poster {
object-fit: contain;
width: 100%;
max-height: 100px;
margin-right: 0.6em;
transition: transform 450ms;
}

.row__poster :hover {
transform: scale(1.08);
}
<div class="row">
<h2>Heading</h2>

<div class="row__posters">

<img class="row__poster" src="https://www.allaboutbirds.org/news/wp-content/uploads/2020/03/tricolored-heron-dorian-anderson-texas-124505431-1800-1280x853.jpg" alt="bird" /><img class="row__poster" src="https://www.allaboutbirds.org/news/wp-content/uploads/2020/03/tricolored-heron-dorian-anderson-texas-124505431-1800-1280x853.jpg"
alt="bird" />
</div>
</div>

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com