css 当鼠标悬停在card元素上时，如何在HTML中的卡片上添加Learn More文本

carvr3hs 于 2023-05-23 发布在其他

关注(0)|答案(1)|浏览(106)

如何在CSS中创建悬停效果，在旁边显示新文本
我用HTML创建了一张卡片，并给予它一个悬停CSS效果，但我无法看到新的文本，如学习更多，将显示后，我悬停在元素。

来源：https://stackoverflow.com/questions/76293691/how-can-i-add-learn-more-text-on-a-card-in-html-when-i-hover-over-the-card-eleme

1条答案

按热度按时间

4dbbbstv1#

这是可以做到的

.hide {
  display: none;
}
    
.myDIV:hover + .hide {
  display: block;
  color: red;
}

<h2>Display an Element on Hover</h2>

<div class="myDIV">Hover over me.</div>
<div class="hide">I am shown when someone hovers over the div above.</div>

赞(0）回复(0）举报 2023-05-23

我来回答

css 当鼠标悬停在card元素上时，如何在HTML中的卡片上添加Learn More文本

1条答案

相关问题

热门标签

最新问答