Materialize-waves
提供:Dev Guides
マテリアライズ-波
Materializeは、外部ライブラリであるWavesを使用して、Material Designで概説されているインク効果を作成します。 次の表に、使用可能なクラスとその効果を示します。
Sr.No. | Class Name & Description |
---|---|
1 |
waves-effect コントロールに波の効果を適用します。 |
2 |
waves-light 白い波の効果を適用します。 |
3 |
waves-red 赤い色の波の効果を適用します。 |
4 |
waves-green 緑色の波の効果を適用します。 |
5 |
waves-yellow 黄色の波の効果を適用します。 |
6 |
waves-orange オレンジ色の波の効果を適用します。 |
7 |
waves-purple 紫色の波の効果を適用します。 |
8 |
waves-teal 青緑色の波の効果を適用します。 |
例
以下は、ボタンに波効果を使用する例です。
materialize_waves
結果
結果を確認します。