ITハットMENUすべてのカテゴリーWeb制作93仕事効率化4Electron32016.02.26HTML5/CSS3とjQueryでマテリアルデザインなタブを作るだいぶ前にGoogleがマテリアルデザインを発表しましたよね。フラットデザインに階層を追加した真新しいデザインです。僕はまだ案件でマテリアルデザインを一度も使ったことがありません。なんとなくですが使いづらいですよね。アプリとかなら利用しやすそうですが。そこで、今回はマテリアルデザインを使ったタブを作ったので紹介します。Contents必要最低限のタブ機能です。タブを押せば切り替わる感じです。クラスをつけておきます。擬似要素でもいいのですが、jQueryから直接擬似要素にアクセスできないため、やめました。ContentsHTMLは先ほどと変わりません。}}波紋用のスタイルを追加しています。