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

CSS3 文字模糊效果

这篇文章发布时间为2017年2月11日,因年久失修,一些图片或者资源可能已经失效。 如果出现这些问题,请在下面留言,我们会尽快修复。

标签

兼容 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)

评论 2

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

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

    iEdon
    2
    3年前 (2017-02-15)回复 Windows 10 Google Chrome

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

联系我们

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

支付宝扫一扫打赏

微信扫一扫打赏

何先生自用推荐:Vultr vps

限时:注册即可赠送 $25美元

服务器每月仅需:$5/月

注册