当我悬停在图像上时，我希望覆盖悬停效果激活

When I hover over the image, I want the overlay hover effect to activate

本文关键字：悬停 覆盖 我希望 激活 图像      更新时间：2023-09-26

当我将鼠标悬停在图像上时，我希望覆盖的淡入淡出效果激活。我刚开始在我的第一个网站工作，我是一个javascript生成工程师，所以我需要一些帮助。这是一把小提琴。

HTML代码：

<div class = "leftpart">    
    <a href="http://www.google.com">
        <img src="images/test.jpg"/>
        <div class="flex-caption hvr-fade">Adventurer Lemon</div>
    </a>
</div>

我没有任何javascript代码。

插入Cs一个类

主类添加悬停效果，然后使用.leftpart:hover，然后你的页脚颜色在添加hvr-fade后会发生变化潜水悬停

.leftpart:hover .hvr-fade
{
   background-color: #2098d1;
   color: white;
}

实时演示

你可以通过css也可以通过

.leftpart a img:hover{opacity:0.8;}
相关文章：