Melhor usar o Chrome para abrir este site, qualquer navegador webkit pode fazer também.

https://www.google.com/intl/pt-PT/chrome/browser/

Você pode ver o incrível efeito sobre o logotipo cromado quando você coloca o mouse sobre ele. Eu faço o download da fonte dessa página, mas infelizmente me perco nela.

Ele usa css não padrão-webkit-mask e-webkit-gradient como abaixo:

-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)))"

então mude o parâmetro% s

Se o logotipo é grande o suficiente, devemos ver um círculo branco ficando maior e maior a partir do centro.

Eu tentei usar jquery mas não pode fazer isso. Alguém pode ajudar?