当您将鼠标悬停在以下给定链接中的此Chrome徽标上时,如何在Google Chrome页面中完成此悬停效果?
答案 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浏览器)