Современные веб-приложения, используемые сотнями тысяч людей, уже не могут обойтись без функции смены светлой и темной темы. В этой статье мы расскажем, почему это так важно и как реализовать смену темы на вашем веб-сайте с помощью нативных CSS-переменных. Почему темная тема так популярна? Существует несколько причин, наиболее значимые из которых мы рассмотрим: Что такое CSS-переменные? CSS-переменные (пользовательские CSS-свойства) - это определенные автором CSS сущности, которые содержат конкретные значения и могут быть повторно использованы в документе...

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