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 . Например —