Framework7 - Ondulación táctil

Descripción

Touch Ripple es un efecto que solo se admite en el tema material de Framework7. De forma predeterminada, está habilitado en el tema material y puede deshabilitarlo utilizando el parámetro materialRipple: false .

Elementos de ondulación

Puede habilitar los elementos de ondulación para que coincidan con algunos selectores de CSS como:

  • ripple
  • a.link
  • a.item-link
  • .button
  • .tab-link
  • .label-radio
  • .etiqueta-casilla de verificación, etc.

Estos se especifican en el parámetro materialRippleElements . Debe habilitar la ondulación táctil , agregar el selector del elemento al parámetro materialRippleElements para hacer uso del efecto de ondulación o simplemente usar la clase de ondulación .

Color de onda ondulada

El color de la ondulación se puede cambiar en el elemento añadiendo la clase ondulación- [color] al elemento.

Por ejemplo

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

o puede definir el color de la onda de ondulación usando el CSS como se muestra a continuación:

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

Deshabilitar elementos de ondulación

Puede deshabilitar la ondulación para algunos elementos especificados agregando la clase sin ondulación a esos elementos. Por ejemplo

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