如何在Google Chrome页面中完成此悬停效果?

时间:2013-04-12 20:02:47

标签: css google-chrome

当您将鼠标悬停在以下给定链接中的此Chrome徽标上时,如何在Google Chrome页面中完成此悬停效果?

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

2 个答案:

答案 0 :(得分:0)

看起来它最初的样式是:

-webkit-mask: -webkit-gradient(radial, 17 17, 123, 17 17, 138, from(rgb(0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0.2)), to(rgb(0, 0, 0)));

悬停时,渐变很快就会出现:

-webkit-gradient(radial, 17 17, 0, 17 17, 0,

回到原来的状态。

它如何执行此效果是多云的。我想它会实现Javascript并在悬停时重置渐变并执行某种循环,即当这些数字小于原始数量时,增加

答案 1 :(得分:0)

我为此制作了一个角色插件:http://x1a0.net/angular-shiny/

(目前仅适用于webkit浏览器)