黑幕样式——css过度实现

黑幕样式

原理

1. 背景颜色始终是黑色的；

2. 字体颜色也是黑色的，只有在鼠标悬浮或被选中时逐渐变为白色。

<p>这是测试<span class="mask">并且被掩盖的</span>文字！</p>
<style>
.mask {
    background-color: #252525;
    color: #252525;
    transition: color 0.5s;
}

.mask:hover {
    color: #ffffff;
}
</style>