0

I'm wondering is it possible to achieve following effect via jQuery http://www.youtube.com/watch?v=Zlb6o_R_WoI

So particles overlay image, are random fade in and out etc? I've looked for plugins or experiments, but wasn't able to find anything closely similar.

Another question that appears is how big of an impact would such effect have in a browser? e.g if there are 8 images each has particle effect, however only one particle effect is displayed at a time others are hidden, lets say with Display None.

Ilja
  • 44,142
  • 92
  • 275
  • 498
  • Yes it's possible. It can be done with `canvas`. As for browser impact, it depends on how many particles are active if you're using images. – ayyp Jun 20 '13 at 18:01
  • Sure, it's a lot of work but it's possible, here's a start that took two minutes, now all you have to do is figure out certain patterns, fading, and a lot of other stuff -> http://jsfiddle.net/XpkmR/ – adeneo Jun 20 '13 at 18:12

1 Answers1

0

Here's a little something to get you started on HTML5 animation and changing the opacity over time (fade in/fade out). You can mess around with getting the random movement and stuff going, and feel free to ask me questions if you can't figure out what I did.

http://jsfiddle.net/eW6BB/

Samuel Reid
  • 1,756
  • 12
  • 22