Just a little labs site
(
You can edit the HTML and CSS fields to experiment with the styles
)
Pattern
Other
→
Material Design Example
Click Me
HTML
<link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.0.1/material.indigo-pink.min.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <script src="https://storage.googleapis.com/code.getmdl.io/1.0.1/material.min.js"></script> <!-- Accent-colored raised button with ripple --> <button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent"> Click Me </button>
CSS
/* This one uses a linked stylesheet. */
hide
Fonts
Icon fonts
Links
Inline links
Subtle Animated Link Style
Other
Horizontal rules
Material Design Example
Using a List Image
Transitions
CSS transition types
