小编hua*_*idu的帖子

关于谷歌铬的惊人标志效果

更好地使用chrome来打开这个站点,任何webkit浏览器都可以这样做.

https://www.google.com/intl/en/chrome/browser/

当您将鼠标放在上面时,您可以看到有关该Chrome徽标的惊人效果.我下载了该页面的来源,但不幸的是迷失了它.

它使用非标准的CSS -webkit-mask,-webkit-gradient如下所示:

-webkit-mask: "-webkit-gradient(radial, 17 17, %s, 17 17, %s," + "from(rgba(0, 0, 0, 1))," + "color-stop(0.5, rgba(0, 0, 0, 0.2))," + "to(rgba(0, 0, 0, 1)))"
Run Code Online (Sandbox Code Playgroud)

然后更改参数%s

如果徽标足够大,我们应该会看到一个白色圆圈从中心变得越来越大.

我试图使用jquery但不能成功.可以帮助一些人吗?

javascript jquery webkit css3

15
推荐指数
1
解决办法
1895
查看次数

标签 统计

css3 ×1

javascript ×1

jquery ×1

webkit ×1