Hello guys 😊 Hope you are safe. So after reading this blog i hope you will be able to create a confetti effect just in 5 minutes
Confetti Falling ...
For further actions, you may consider blocking this person and/or reporting abuse
A better title would be "Using a confetti Effect in 5 minutes" as you're not creating it at all - rather loading a third party script and calling a function to do it
I mean, they appear to be the author of this library, so posting a tutorial here on how to use it seems fair.
I would have loved to see a live demo in codepen or similar though.
Definitely not the author - the same code can be found in many places all over the web. Random example: python2.net/questions-336875.htm
Hendrik i am not the author the plugin is made by another guy 😊 i just made a tutorial using it
Yes the confetti.js is not made by me
Thanks for your suggestion will change the title
how to change width of confetti impact?
You can change it using css easily :)
I hope that you also provide the result by screenshot or attach a codepen :D
coderz90.github.io/confetti/
thanks man
Welcome
Sure i will just give you a codepen link :)
Where is codepen? I would have loved to see some live action to decide.
coderz90.github.io/confetti/
Very nice. Can you make it pop from the bottom like from a confetti popper.
You mean when we click a button then the confetti start ?
Came across this and love the improvements! I wrote the initial script years ago for a tradeshow booth and love how it's evolved and is still used by the community.
Here's the OG SO questions. The first confetti script was actually a variation I did to a snowfall script.
stackoverflow.com/questions/163228...
Thankyou for giving your time and reading this and also dont froget to subscribe to my channel for more videos / blog like this ✌🙏
Subscribe - youtube.com/c/CodingFire?sub_confi...
More tutorials -
Background Remover Like Remove.bg - https://www.youtube.com/watch?v=f_rpLBzunbQ&t=70s
Brightness slider - youtube.com/watch?v=bSQ-QD1Iqi0
Theme changer - https://www.youtube.com/watch?v=ZXTsYjxv7-g&t=3s
Desktop app using javascript - youtube.com/watch?v=v0n0OMkUQac
The confetti.js is made by another guy ( third party )
How to do this at onclick event?
You can simply just create a button and then create a function with any name
Fir eg.
const confettiOn= () =>{
...code
}
And inside call the function used to create confetti effect
And then in button call the onClick action like this
Confetti effect