суббота, 26 января 2019 г.

Materialize-css. Анимация кнопок: волны и пульсация

Waves-эффект: https://materializecss.com/waves.html
Пульсация: https://materializecss.com/pulse.html

animation.html
<div class="container">
<a href="#!" class="btn-large waves-effect waves-light">Click</a>
<a href="#!" class="btn-large waves-effect waves-mycolor">Click2</a>

<!-- Добавим кнопкам эффект пульсации -->
<a href="" class="btn btn-floating pulse"><i class="material-icons">menu</i></a>
</div>

slyle.css
/* Меняем цвет кнопки */
.waves-effect.waves-mycolor .waves-ripple {
background-color: #f003ff;
}

Комментариев нет:

Отправить комментарий

Materialize-css. Футер

Сделаем футер и прижмем к низу страницы. Документация: https://materializecss.com/footer.html