[HTML][CSS][Material Design Lite]BUTTON

buttonsを読みながら実装方法の確認

<button class="mdl-button mdl-js-button mdl-button--raised">ここにボタンのタイトル</button>

下のようにclassにmdl-js-ripple-effectを追加するとタップしたときのインタラクションが違うので面白い

<button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">ここにボタンのタイトル</button>

さらに下のようにmdl-button--coloredを追加すると青色に変わる。

<button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--colored">ここにボタンのタイトル</button>