【CSS】文字毛玻璃效果(简单版)
2020-01-27 本文已影响0人
德育处主任
![](https://img.haomeiwen.com/i7275569/a15dfa1680b4a80f.jpeg)
用文本阴影和字体透明颜色可以做出毛玻璃的效果。
<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>
![](https://img.haomeiwen.com/i7275569/5b4025bbe79826a8.gif)