CSS Button

theenrico · January 12, 2021, 5:02am

Hi, I found this button: https://codepen.io/nourabusoud/pen/ypZzMM
I tried to customize it, but it doesn’t work, can anyone check this project? It’s a project with only the button, the style in the header and the script in the footer
TEST BUTTON.bloc (189.5 KB)

Jerry · January 12, 2021, 5:19pm

Hi @theenrico, Something like this:

Mattheus · January 12, 2021, 5:31pm

Hey that is cool!! How did you do that?

theenrico · January 12, 2021, 7:17pm

Yes, but for me this doesn’t work, what I have to change?

theenrico · January 12, 2021, 7:18pm

Copied from this: https://codepen.io/nourabusoud/pen/ypZzMM

PeteSharp · January 12, 2021, 7:46pm

It wont work with the CSS (SCSS) from the code pen, until you modify it. Remove all the $ values, replace them with the colours you want, also remove the body style.

Jerry · January 13, 2021, 1:44am

Hi all, here’s the file. Have fun with the confetti button. My Confetti Button.bloc (1.4 MB)