悬停效果html或css

我正在我的网站上工作，想知道如何在这个网站上实现这种悬停效果：

---

添加：将鼠标悬停到您的li类

li.classname {color: #fff}
li.classname:hover {color: #000}

---

现在，当您将鼠标悬停在元素上时，文本的颜色将发生变化。

使用CSS执行此操作。在CSS中有一些称为伪元素的东西，它们充当用于更改标记的函数类型

对于悬停，使用此选项：

：悬停

这里的冒号很有必要

用法：

tag_name:hover { /*CSS*/ }

---

阅读更多关于

：悬停
使用简单的html和css

HTML

<div>Shailender Arora
    <span>UI Developer</span>

</div>

您链接的页面中有许多悬停效果。这可以通过CSS实现。但是你已经试过什么了？使用
：hover
检查我的答案可以用纯css单独完成，搜索css伪元素这取决于你所指的悬停效果
div {
    background:red;
    width:200px;
    height:50px;
}

span {
    display:block;
    color:red;
}

div:hover {
    background:yellow;
}