Create an animation with my website logo

Completed Posted Mar 7, 2015 Paid on delivery
Completed Paid on delivery

On [url removed, login to view] if you hover your mouse over the Chrome logo, there's a javascript animation.

They used a webkit-gradient as webkit-mask.

Default value :

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

Function called to update it :

[url removed, login to view] = pa("-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)))", [url removed, login to view]([url removed, login to view][0]), [url removed, login to view]([url removed, login to view][0] + 15))

I want someone to create the same animation in javascript that I can re-use over any of my logos.

Shouldn't take more than an hour for someone good in javascript.

Thanks

HTML5 JavaScript jQuery / Prototype

Project ID: #7266382

About the project

5 proposals Remote project Active Mar 8, 2015

Awarded to:

sanfl

Hi, can do it now itself. It will take not more than 15 minutes. Its a very small javascript code. ready to do it now. Update: Infact I am ready with the code. ready to slightly negotiate on budget.

$15 USD in 0 days
(0 Reviews)
0.0

5 freelancers are bidding on average $21 for this job

GabrielSoare

A proposal has not yet been provided

$35 USD in 1 day
(6 Reviews)
3.8
Stamat

Oi man! I can do the same for you in jQuery, I can make a module for you also so it will be reusable :D It's very easy, all we have to do is animate the two values maked with %s in the css. What their function does is More

$15 USD in 1 day
(5 Reviews)
3.0
Rokikon

So you want universal script, which will change gradient at image and then on text? Or just that fancy wave effect on logo? Why dont use pure CSS3? I can make it on JS also.

$25 USD in 1 day
(1 Review)
0.8
GlobalUkraine

Предложение еще не подано

$15 USD in 3 days
(0 Reviews)
0.0