What a tsParticles patch release post? Are you crazy?

I don't usually post about tsParticles patch releases, but this time I'll do an exception.

A frequently asked question for tsParticles and particles.js was about using the library without breaking buttons, links, and any other interactive elements of the web page.

Well, thanks to version 1.18.11 this will be a lot easier and many configurations that were not possible before are now possible (Impossible is nothing, anyone?)

How to configure this awesome feature?

Your options will need some updates:

{
  /* your awesome config */
  backgroundMode: {
    zIndex: 100, // any value >= 0 is good
    /* if you want elements above particles 
       just set a bigger z-index in your css */
    enable: true
  },
  interactivity: {
    /* if you have detect_on, replace it */
    detectsOn: "window" /* "parent" is still good
                           "canvas" won't work */
  }
}

Demo

Want to see it in action because you won't believe this?

Check out below

You can see particles above

Read more

If you want to read more about all the 1.18.x features you can read more here

GitHub

If you like tsParticles support it with a ⭐️ on GitHub, you can find the link below