标签

兼容 Chrome,Safari,Firefox,Opera 的 css 模糊效果

css 代码

.blurry {
  color: transparent;
  text-shadow: 0 0 15px #666;
  transition: text-shadow 2s cubic-bezier(0, 1, 0, 1);
  -webkit-transition: text-shadow 2s cubic-bezier(0, 1, 0, 1);
  -moz-transition: text-shadow 2s cubic-bezier(0, 1, 0, 1);
  -o-transition: text-shadow 2s cubic-bezier(0, 1, 0, 1);
}
.blurry:hover {
  text-shadow: 0 0 0 #666;
}

点此查看演示效果

赞(0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

×
打赏作者
展开阅读更多

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

表情
图片 链接 代码

评论(2)

  • iEdon 2017年2月15日 00:58 江苏省泰州市 电信

    我很喜欢你评论框里面的炫酷效果。
    貌似是从Sublime 还是 Atom 引进的。
    要是再来个震动效果,那真的太赞啦!