HTML ripple buttons

Click me Bad button - reload the page I'm blue I'm not important favorite I have an icon! star Mega button Very very very very very very very long button
This is so satisfying I had to make a site only for it...

This ripple effect originated in 2014 when Google created Material Design. It appeared just as it does on this site, when you clicked on buttons. I personally think it's a very neat way of giving click feedback.

To use it in your projects, click the link at the top of the page. The effect is located inside the ripples.js script. Just add it to any page with: 

<script src="ripples.js"></script>
It will automatically select everything with .button class on it and make it have a ripple.

Or, ya' know, just spam the buttons... It's too good.

Color buttons

Red Pink Purple Deep purple Indigo Blue Light blue Cyan Teal Green Light green Lime Yellow Amber Orange Deep orange Brown Gray Blue gray Black White Dark gray Dark blue gray Bright red Bright pink Bright purple Bright deep purple Bright indigo Bright blue Bright light blue Bright cyan Bright teal Bright green Bright light green Bright lime Bright yellow Bright amber Bright orange Bright deep orange