Gradient interference

Born as an animated background for the website header of the Computer Graphics course held at the Academy of Fine Arts of Brera, it has become an experiment on interference between cyclic color gradients.

The operation is based on the CSS3 function repeating-linear-gradient() which creates a repeated color gradient indicating the key colors and their positions in the base gradient. The experiment uses two overlapping rectangles and, for each, randomly chooses three colors and gradually changes their positions. The continuous transformations, between ever new surfaces and levels of depth, are the perceptual result of the simple superposition of two animated color gradients.