如何创建带有透明文本的模糊div？

时间：2018-06-23 14:00:36

标签： css css3

如何创建带有透明文字的模糊div？

示例：

Like this

编辑：

  • div应该是可拖动的，所以我不能使用“重复”问题中的解决方案。

我的代码：

body {
  background: url('http://weknowyourdreams.com/images/garden/garden-09.jpg');
}
.box {
  padding: 30px;
  text-align: center;
  font-weight: bold;
  width: 500px;
  font-size: 100px;
  background-color:rgba(255,255,255,0.8);
  filter: blur(7px);
}
<body>
  <div class="box">
    TEST
  </div>
</body>

0 个答案:

没有答案
相关问题
最新问题