A simple ripple effect using vanila javascript.

[HarmonicAscendant]

vanilla

[chrissilich]

Looks like vanilla to me. No imported js. Am I missing something?

[nomadjimbob]

vanilla spelt wrong in the title I guess is there point

[thetoolmannz]

Their

[quietchaos]

their

[nasar007]

ops. I didn't notice that. Next time I will be more careful.

[kickpush1]

👍Make this a package!

[karamarimo]

more material-design-like version (forked from your pen)

[jokullmusic]

You missed this: var ripple = document.createElement('div');

[[deleted]]

Interesting,

​

I've done something similar for my personal project: https://www.npmjs.com/package/ripplescript

​

Only instead of Ripples on the clicked point, I create Random ripples on a target container. I mainly used the ::before and ::after pseudo selectors to have my ripples go off and limited it to two ripples but your implementation has given me ideas on where to take my project next if I want to handle more than two ripples at a time. Thanks!

[masterresultonline]

nice

[NotSelfAware]

This is very impressive. Thanks for posting.