In this interactive art project, we will create a mesmerizing display of overlaying rectangles with random colors. The rectangles will continuously enlarge and disappear, making way for new ones to take their place. This dynamic visual effect will captivate viewers with its ever-changing patterns and vibrant hues. By using HTML and CSS, we can easily achieve this. First, we will create a container div that spans the entire screen. Then, using JavaScript, we will generate random dimensions and colors for the rectangles. With CSS animations, we can smoothly animate the enlargement and disappearance of each rectangle. As one rectangle fades away, a new one will simultaneously appear, creating a seamless transition. This fluid motion combined with the randomness of colors will make for a visually stunning display that is both engaging and aesthetically pleasing.
