【CSS】文字毛玻璃效果(简单版)
2020-01-27 本文已影响0人
德育处主任

用文本阴影和字体透明颜色可以做出毛玻璃的效果。
<div>毛玻璃</div>
<style>
div {
color: rgba(0, 0, 0, 0);
text-shadow: 0 0 10px #000;
cursor: default;
transition: color 0.3s ease, text-shadow 0.3s ease;
}
div:hover {
color: rgba(0, 0, 0, 1);
text-shadow: none;
}
</style>
