【CSS】文字毛玻璃效果(简单版)

作者: 德育处主任 | 来源:发表于2020-01-27 23:45 被阅读0次
微信订阅号:Rabbit_svip


用文本阴影和字体透明颜色可以做出毛玻璃的效果。

<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>
微信订阅号:Rabbit_svip

相关文章

网友评论

    本文标题:【CSS】文字毛玻璃效果(简单版)

    本文链接:https://www.haomeiwen.com/subject/rxcuthtx.html