网页前端后台技巧(CSS+HTML)Web前端开发笔记

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

2020-01-27  本文已影响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
上一篇 下一篇

猜你喜欢

热点阅读