用帆布照耀图标/图像

时间:2012-03-19 18:04:21

标签: html5 canvas

我一直在学习一些关于画布和引起我注意的东西(主要是因为我不知道如何在我看到的时候这样做)这是google在他们的徽标中所做的闪耀和好动画:

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

我想知道是否有人有任何想法或知道如何做到这一点=]

由于

1 个答案:

答案 0 :(得分:1)

你绝对应该在这里看到其他讨论:

How to create a shiny logo like Google Chromebooks website

制作自己并不难,只需考虑使用带有css background-image的画布,您需要做的就是在mouseover事件上启动动画。

动画绘制一个径向渐变,其半径随着时间的推移而增加,然后它绘制一条受从左向右移动的线性渐变影响的线。

如果画布上的基本动画本身对你来说是新的,那么我建议你搜索关于画布动画的在线教程。