【hover隐藏·HTML元素】

要在鼠标悬停时隐藏HTML元素，可以使用CSS的:hover伪类结合display: none;属性。以下是一个简单的例子：

HTML:




<div class="hover-hide">
  鼠标悬停我试试！
</div>

CSS:




.hover-hide {
  padding: 20px;
  background-color: #f0f0f0;
  transition: background-color 0.3s;
}
 
.hover-hide:hover {
  background-color: #b0b0b0;
  display: none;
}

在这个例子中，当鼠标悬停在.hover-hide元素上时，它的背景颜色会改变，然后它会消失。这是通过将display属性设置为none在悬停状态下实现的。transition属性用于使背景颜色的变化更平滑。

【hover隐藏·HTML元素】

评论已关闭

推荐阅读