Tsparticles: On hover bubble works as hole to show underlying background

Created on 11 Mar 2020  Â·  6Comments  Â·  Source: matteobruni/tsparticles

Hello I have tried and tried to work out if this is possible using particle.js

I want an image as a background and a white layer over this that when you hover over the particle layer the bubbles show image underneath a bit like this.

https://revolution.themepunch.com/particle-effect-for-wordpress/

any help would help me keep little hair I have left lol

Kind regards

Mike

Original project issue https://github.com/VincentGarreau/particles.js/issues/428 thanks to @Mickperks


The original project is abandoned, I'll have a look on it, it seems really cool

enhancement good first issue help wanted up-for-grabs

All 6 comments

This feature will be released in the next version

Hello

That sounds excellent

any idea when this would be

Mike

On Wed, 11 Mar 2020 at 23:34, Matteo Bruni notifications@github.com wrote:

Closed #117 https://github.com/matteobruni/tsparticles/issues/117 via

122 https://github.com/matteobruni/tsparticles/pull/122.

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/matteobruni/tsparticles/issues/117#event-3120906930,
or unsubscribe
https://github.com/notifications/unsubscribe-auth/AOYSMLYQDBF3GHNE6ZEWG3DRHANXRANCNFSM4LFQJOHA
.

It's already live

You can checkout the codepen sample here: https://codepen.io/matteobruni/pen/yLNvqxG

wow excellent work

what did you have to do?

amazing and thank you your the man!

:)

KInd regards

Mike

On Thu, 12 Mar 2020 at 08:30, Matteo Bruni notifications@github.com wrote:

It's already live

You can checkout the codepen sample here:
https://codepen.io/matteobruni/pen/yLNvqxG

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/matteobruni/tsparticles/issues/117#issuecomment-598065592,
or unsubscribe
https://github.com/notifications/unsubscribe-auth/AOYSML6NN7QGKBID6EK76FTRHCMTBANCNFSM4LFQJOHA
.

It was not so hard, the HTML canvas already has this feature, I activate it when the config needs it.

Hope it works fine, if you need help I'm here

Hi
I have been using your particle.js json file with smartslider 3

which woks really well i have let them know you have updated this

be great if could get to work in there

kind regards

Mike

On Thu, 12 Mar 2020 at 08:47, Matteo Bruni notifications@github.com wrote:

It was not so hard, the HTML canvas already has this feature, I activate
it when the config needs it.

Hope it works fine, if you need help I'm here

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/matteobruni/tsparticles/issues/117#issuecomment-598071803,
or unsubscribe
https://github.com/notifications/unsubscribe-auth/AOYSML5UWVAT2SN5NKO3PR3RHCOSLANCNFSM4LFQJOHA
.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

matteobruni picture matteobruni  Â·  4Comments

matteobruni picture matteobruni  Â·  5Comments

matteobruni picture matteobruni  Â·  4Comments

paul300497 picture paul300497  Â·  5Comments

ecrookoh picture ecrookoh  Â·  3Comments