The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Animated Noise Background with JS and or CSS

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #248840

    I was just wondering if anyone has ever seen an effect like this done with JS or CSS? Or even what something like this would be called, so I can begin searching around.
    I’ve searched codepen and have found things similar, but not close enough to this.

    Any help would be appreciated.



    Hey guys. I feel like I am getting a lot closer with this technique.

    After zooming into the gif, I noticed it’s just a bunch of little bars, that cycle through 4 shades (white to black).

    This code pen is obviously not very performant at all and has some issues with the timing of cycling through all 4 colors.

    I’m just wondering if there is any feedback based on this current implementation.

    Here are some things I am aware of:

    • Optimizing the effect to go full screen with it (maybe use canvas instead of looping through a bunch of divs using jQuery? (ugh, I know))
    • Get the animation of each little “bar” just right, so that it doesn’t reset. Notice all of the “lights” kind of go out at the end of the animation
    • Set variables to control the colors and speed
      Again, thanks for all your help. Learning a lot on this one!

    This one’s quite nice too:

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.