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

╄→гoц情女王★ 提交于 2021-02-10 11:39:05

http://www.jianshu.com/p/a649508b4f70


微信订阅号: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
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!