Question

当我将鼠标悬停在div类上时，我希望图像的不透明度设置为1，但是我不想影响图标或h3。将鼠标悬停在div /列上时，如何直接选择过渡效果。我只需要CSS的帮助，我该怎么做才能使悬停距离的高度和宽度更大。

或者更好的是，如何使div过渡仅影响内部图像？

我应该以说我是html和css的新手作为开头。我已经尝试过将它悬停在图像上，使其不透明度变为1。我希望将鼠标悬停在div /列上时将不透明度更改为1，而不更改div /列中文本的不透明度。

<section class="projects clearfix" id="projs">
            <div class="row">
                <h2>H2 Text</h2>
            </div>

            <ul class="showcase">
                <li>
                    <a href="#">
                        <div class="col span-1-of-4 box">
                            <figure class="photo">
                                <i class="ion-ios-checkmark-circle big-icon"></i>
                                <h3>Complete Intelligence</h3>
                                <img src="resources/css/img/test.png" alt="placeholder" class="work-img" id="testing">
                            </figure>
                        </div>
                    </a>
                </li>

我没有收到任何错误，到目前为止，我的结果一直是我所期望的。只需为此使用一些CSS帮助。

Answer 1

没关系，我知道了。 lmao。我很愚蠢，这很简单。我要做的就是这个：

.showcase .col:hover img{
opacity: 1;
}

如何在div类中转换图像而不影响文本？

1 个答案: