Great videooo! But I hope you explained it, even just by a bit. It took me hours to realize that the _pointer-events: none_ is important since missing it will interfere with the mouse event listener. Initially, I also changed the ripples position to fixed such that I won't have to do too much calculation for the coordinates given that the site I'm working on has some content at the top, hence, some page offset. But then I realized that the _overflow: hidden_ won't work since the ripples position was set to fixed. Long story short, demn, I spent hours integrating this 3-min video into my practice website 😂 I really wished you explained it a bit. Still, thank you so muuuch!
Very nice button animation effect!!! However, you can really improve the button animation by using both "mouseenter" and "click" events to generate ripples. I just combined both your js scripts -- it and works beautifully. I have very limited knowledge of js, so I suspect you can code the combination of effects, far more efficiently than I have. In any case, THANK YOU.
Super cool!! Quick ques tho; why didn't u add an 'animationend' event listener to remove the span (ripple), but instead a setTimeout? And also, why didn't you use a 'transform: scale()' to animate the span (ripple)? Just asking. Hopefully u reply.
for some reason my offsetY isn't working - when I hover from the top of the button, I can barely see the ripple at the bottom of the button, and span gets top position of -1px edit: I get the ripple at the correct postition, but it grows to the right and bottom, so it looks weird. How can I make it grow in all directions, so it fills up the button entirely? solved: Im just stupid and misspelled "tranlate" XD
You can use animation end event listener instead of usint timeout for the span child to get removed
Yes Definitely!!
Smart
Just awesome. Thank you very much!
Kal Main Ye Hi Dhund Rha tha 😲😲😲
awesome
Great videooo! But I hope you explained it, even just by a bit. It took me hours to realize that the _pointer-events: none_ is important since missing it will interfere with the mouse event listener. Initially, I also changed the ripples position to fixed such that I won't have to do too much calculation for the coordinates given that the site I'm working on has some content at the top, hence, some page offset. But then I realized that the _overflow: hidden_ won't work since the ripples position was set to fixed.
Long story short, demn, I spent hours integrating this 3-min video into my practice website 😂 I really wished you explained it a bit. Still, thank you so muuuch!
Yeah, he has such a big channel, don't know why he doesn't bother to explain the code
Very nice button animation effect!!! However, you can really improve the button animation by using both "mouseenter" and "click" events to generate ripples. I just combined both your js scripts -- it and works beautifully. I have very limited knowledge of js, so I suspect you can code the combination of effects, far more efficiently than I have. In any case, THANK YOU.
Good evening
Thank you..
Make a video on onpage scroll animation... Request
Super cool!!
Quick ques tho; why didn't u add an 'animationend' event listener to remove the span (ripple), but instead a setTimeout?
And also, why didn't you use a 'transform: scale()' to animate the span (ripple)?
Just asking. Hopefully u reply.
Thank you!!!
What is the text editor used ?!
What's the name of the text editor?! Can it be used in windows 7?!
it's called Sublime
When will your website be opened ? I CANT WAIT😂😂😂
How to create live preview
You know shit is going real when online tutorials puts JS in the Tuto
Que raro, solo me funciona si abro la ventana de inspeccionar en el explorador :c
Do you know any other language?
like..C++, Ruby, Python.
Gl
you done it before
it's the same
I hope you could explain much clearly next time.
for some reason my offsetY isn't working - when I hover from the top of the button, I can barely see the ripple at the bottom of the button, and span gets top position of -1px
edit: I get the ripple at the correct postition, but it grows to the right and bottom, so it looks weird. How can I make it grow in all directions, so it fills up the button entirely?
solved: Im just stupid and misspelled "tranlate" XD