CSS3 文字模糊效果

标签

兼容 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;
}

点此查看演示效果

转载请注明出处。
何先生 » CSS3 文字模糊效果
Loading...

发表评论

表情
图片 链接 代码

2 评论

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

    1. @iEdon 我把震动关了 :mrgreen: ,太晃眼了。。

提供最优质的资源集合

立即查看 了解详情