Framework7 - Sentuh Ripple

Deskripsi

Touch Ripple adalah efek yang hanya didukung dalam tema material Framework7. Secara default, ini diaktifkan di tema material dan Anda bisa menonaktifkannya dengan menggunakan parameter materialRipple: false .

Elemen Riak

Anda dapat mengaktifkan elemen riak untuk mencocokkan beberapa pemilih CSS seperti -

ripple
a.link
a.item-link
.button
.tab-link
.label-radio
.label-checkbox dll.

Ini ditentukan dalam parameter materialRippleElements . Anda perlu mengaktifkan touch ripple, menambahkan pemilih elemen ke parameter materialRippleElements untuk menggunakan efek riak, atau cukup gunakan kelas riak .

Warna Gelombang Riak

Warna riak dapat diubah pada elemen dengan menambahkan kelas riak- [color] ke elemen.

Misalnya -

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

atau Anda dapat menentukan warna gelombang riak dengan menggunakan CSS seperti yang ditunjukkan di bawah ini -

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

Nonaktifkan Elemen Ripple

Anda bisa menonaktifkan ripple untuk beberapa elemen yang ditentukan dengan menambahkan kelas tanpa-riak ke elemen tersebut. Misalnya -

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