Эффекты при клике

Вы можете задать классы для элементов, которые добавят эффект расходящейся волны при клике на элемент. Данный эффект используется в Material Design.

Использование эффекта

Для включения данного эффекта вам необходимо добавить класс .wave для волны с затемнением и класс .wave-light для волны с осветлением.

wave
wave-light
<div class="d-inline-block m-4 hr-4 wr-4 t-center bg-white shadow-2 shadow-hover-10 transition wave">
<div class="align-middle c-sub">wave</div>
</div>
<div class="d-inline-block m-4 hr-4 wr-4 t-center bg-blue-grey-700 c-white shadow-2 shadow-hover-10 transition wave-light">
<div class="align-middle c-white">wave-light</div>
</div>

Кнопки

Для кнопок данный эффект включен по умолчанию

<button type="button" class="btn btn-default">Default</button>	
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-danger">Danger</button>