新闻资讯

新闻资讯 产品更新

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

编辑:010     时间:2020-02-12


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

<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>

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

回复列表

相关推荐