Shine Icon / Изображение с холстом

Question

Я немного узнал о canvas и кое-что, что привлекло мое внимание (в основном потому, что я не знал, как это сделать, когда увидел), это блеск и приятная анимация, которую Google сделал в их логотипе здесь:

http://www.google.com/chromebook/

Хотелось бы узнать, есть ли у кого-нибудь идея или знать, как это сделать =]

Спасибо

Answer 1

Вы обязательно должны увидеть другое обсуждение здесь:

Как создать блестящий логотип, такой как веб-сайт Google Chromebooks

Сделать это не составит труда,просто подумайте о том, чтобы иметь холст с css background-image на нем, и все, что вам нужно сделать, это запустить анимацию для события mouseover.

Анимация рисует радиальный градиент с радиусом, который увеличивается с течением времени,затем он рисует линию, на которую влияет линейный градиент, который перемещается слева направо.

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