Z
Z
Zheka Dobrik2013-11-23 23:50:32
Canvas
Zheka Dobrik, 2013-11-23 23:50:32

How to make an animated gradient?

www.fi.com/sony/connected-world
On the first screen of the page we will be greeted by a gorgeous iridescent gradient - help us replicate this effect. Copying the script, css and a piece of html did not work.

Answer the question

In order to leave comments, you need to log in

3 answer(s)
A
Alexey, 2013-11-24
@ScorpLeX

Made on canvas.
The description is somewhere around line 2000, in the script.min.js file.
For the code, I advise you to contact http://freelansim.ru
In general, do you really need it? My browser froze while opening.

V
Vladislav Gritsenko, 2013-11-24
@webmagisters

I'm more than sure that they used WebGL. It can also be implemented via Three.js , using particles with different lighting colors, i.e. it's just a few light sources with different trajectories.

Y
Yuri Lobanov, 2013-11-24
@iiil

It doesn’t work for me in ff, at first I didn’t understand where the dynamics are :) In chrome, everything is ok, it’s beautiful.
But the map can be useful to me, on the third slide) Thank you.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question