Framework7-タッチリップル

説明

タッチリップルは、Framework7マテリアルテーマでのみサポートされる効果です。デフォルトでは、マテリアルテーマで有効になっていますが、_materialRipple：false_パラメーターを使用して無効にすることができます。

あなたは次のようないくつかのCSSセレクタに一致するようにリップル要素を有効にすることができます-

これらは、_materialRippleElements_パラメーターで指定されます。 _touch_リップルを有効にするか、要素のセレクターを_materialRippleElements_パラメーターに追加してリップル効果を利用するか、単に_ripple_クラスを使用する必要があります。

_ripple- [color] _クラスを要素に追加することにより、要素の波紋の色を変更できます。

例えば-

<a href = "#" class = "button ripple-orange">Ripple Button</a>

または、以下に示すようにCSSを使用してリップル波の色を定義することができます-

.button .ripple-wave {
   background-color: #FFFF00;
}

_no-ripple_クラスをそれらの要素に追加することにより、特定の要素のリップルを無効にできます。例えば-

<a href = "#" class = "button no-ripple">Ripple Button</a>