Народ, всем привет. Сегодня у нас статья для начинающих, тех, кто учиться писать сайты, что-то создавать на HTML и CSS, верстать, осваивает первые азы в JS, чтобы как-то оживить свой проект. И, в частности, мы поговорим о том, как сделать кнопку на своем сайте, обсудим три простых способа, и расскажем, что в каких случаях применять. По сути, если мы не используем сторонние библиотеки, то тут вес просто – создаем формочку или блок, разукрашиваем его «под кнопку», желательно анимировать еще и нажатие или клик по ней...

Данный эффект далеко не новый, все мы его знаем по Material Design. В этой статье я покажу свою версию этого эффекта для сайта на примере обычной кнопки. Стоит помнить, что данный эффект может быть применён не только к кнопке, но и к любому другому блоку. Создаём кнопку Для начала я накидал дизайн нашей будущей кнопки: Для начала надо просто добавить кнопку на сайт. Для этого я написал следующий код: HTML: И, конечно же, CSS: Стоит обратить внимание на стили элемента wave_elem, а именно на position и overflow...