google-material-click-action.html

<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>Google Material Click Action Demo</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="google-material-click-action.css">
        <script src="https://code.jquery.com/jquery-1.12.2.min.js"></script>
        <script src="google-material-click-action.js"></script>
    </head>
    <body>
        <!-- http://www.google.com/design/ -->
        <!-- http://thecodeplayer.com/walkthrough/ripple-click-effect-google-material-design -->

        <div class="wrapper">
          <a class="ripplelink cyan" href="#">Hover & Click me!</a>
          <a class="ripplelink lightgreen" href="#">Hover & Click me!</a>
          <a class="ripplelink amber" href="#">Hover & Click me!</a>
          <a class="ripplelink orange" href="#">Hover & Click me!</a>
        </div>

    </body>
</html>