Удивительный эффект логотипа о Google Chrome

Лучше использовать Chrome для открытия этого сайта, любой веб-браузер тоже может это сделать.

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

Вы можете увидеть удивительный эффект от этого хромированного логотипа, когда на него наведете мышь. Я загружаю источник этой страницы, но, к сожалению, заблудился в ней.

Использует нестандартные 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)))"

затем измените параметр% s

Если логотип достаточно большой, мы должны видеть, что белый круг становится все больше и больше от центра.

Я пытался использовать JQuery, но не могу сделать это. Кто-то может помочь?

Ответы на вопрос(2)

Ваш ответ на вопрос