发布价值信息
Wordpress、Software、VPN。。

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

点此查看演示效果

赞(0) 打赏本站

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

支付宝扫一扫打赏

微信扫一扫打赏

×
打赏作者
未经允许不得转载:何先生 » CSS3 文字模糊效果
分享到: 更多 (0)

Comments 2

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. 沙发

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

    iEdon
    2
    2年前 (2017-02-15)回复 Google Chrome 55.0.2883.87| Windows 10 x64| IP数据库错误或不存在
    • @iEdon 我把震动关了 :mrgreen: ,太晃眼了。。

      何先生
      管理员
      2年前 (2017-02-15)回复 Google Chrome 56.0.2924.87| Windows 10 x64| IP数据库错误或不存在

何先生的博客 专注分享 更优质

联系我们

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

支付宝扫一扫打赏

微信扫一扫打赏