如何做出像萌百的黑幕标签

发布于 2023-06-25  275 次阅读

CSS 部分

.heimu{
background-color: #252525;
color: #252525;
text-shadow: none;
cursor: help;
}
.heimu:hover{
color: #FFF;
}

Hover 效果的 CSS 部分

.heimu{
background-color: #252525;
color: #252525;
text-shadow: none;
cursor: help;
}
.heimu:hover{
color: #FFF;
transition: color 0.13s linear;
}

页面部分

<a class="heimu" style="font-size: 30px;" title="你知道的太多了！">
当你看到这行字的时候，你知道的就太多了！
</a>