W3.CSS マテリアル・デザイン

マテリアル・デザイン

マテリアル・デザインは、2014 年に Google によって設計され、後に多くの Google アプリケーションに採用されています。

マテリアル・デザインは、紙とインクを思い出させる要素を使用しています。 更に、要素は、リアルな影とホバー効果をもっています：

Google Material Design

W3.CSS を使用するマテリアル・デザインの外観

W3.CSS は、「マテリアル・デザイン」の外観を持つアプリケーションを設計するための完璧なスタイルシートです：

Try it Yourself

マテリアル・デザインの外観 (カラーテーマ)

Cinque Terre

Cinque Terre (five lands) is a portion of the Italian Riviera. The coastline with five villages: Monterosso, Vernazza, Corniglia, Manarola, and Riomaggiore is a UNESCO World Heritage Site.

Monterosso

Monterosso al Mare is located at the center of a small natural gulf, protected by a small artificial reef, in the Riviera of La Spezia. It is the northernmost village of the Cinque Terre.

Vernazza

Vernazza is another of the five towns in the region. Vernazza is the fourth town heading north. It has no car traffic, and is one of the truest "fishing villages" on the Italian Riviera.

Try it Yourself

マテリアル・デザインの外観 (ナビゲーションバー)

ステータスバー：

ツールバー：

• Title

タブバー / 検索バー：

All Together Now:

• Title

Try it Yourself

マテリアル・デザインの外観 (カラフルなカード)

• Sport

• News

• Music