Учебники

Framework7 – Touch Ripple

Touch Ripple – это эффект, который поддерживается только в теме материала Framework7. По умолчанию он включен в теме материала, и вы можете отключить его с помощью параметра materialRipple: false .

Элементы пульсации

Вы можете включить элементы ряби в соответствии с некоторыми селекторами CSS, такими как –

  • пульсация
  • ссылка
  • a.item-ссылка
  • .button
  • .tab-ссылка
  • .label-радио
  • .label-checkbox и т. д.

Они указаны в параметре materialRippleElements . Вам нужно включить сенсорную рябь, добавить селектор элемента в параметр materialRippleElements, чтобы использовать эффект ряби, или просто использовать класс пульсации .

Волна цвета пульсации

Цвет пульсации можно изменить в элементе, добавив к нему класс ripple- [color] .

Например –

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

или вы можете определить цвет волны пульсации с помощью CSS, как показано ниже –

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

Отключить элементы пульсации

Вы можете отключить пульсацию для некоторых указанных элементов, добавив к этим элементам класс no-ripple . Например –