I am attempting to create the illusion of depth on the homepage of this website. As you can see, I have placed two blurred particle rays (I used divs) that move across the screen. I would like the one that comes “closest”, at the front, to arch outward in a trapezoidal fashion and I’d like to do the opposite for the one on the left side.
Could someone advise me on how I could accomplish this effect only using transformations on a single div (if possible)? Alternatively, if you have any design recommendations on how to make this look as cool as possible, those would be much appreciated. Perhaps some parallax? Not sure, just yet.
Also, I prefer to not share a preview link.