Тексты, ссылки и кнопки — простые решения

Круглая кнопка с тенью

Пример создания круглой кнопки с рамкой и тенями средствами CSS

Данная кнопка также имеет простенький ховер-эффект

Опубликовано: 08.05.2020
Рубрики: Тексты, ссылки и кнопки - простые решения
Метки: CSS
Нет комментариев
280 просмотров

Запись переменной из JS в файл для скачивания

Простое решение на JS для сохранения переменной в файл на компютер пользователя

Решение умещается в 5 строчек и не требует дополнительных библиотек

Опубликовано: 08.03.2020
Рубрики: Тексты, ссылки и кнопки - простые решения
Метки: JavaScript
Нет комментариев
422 просмотра

Анимированное подчеркивание текста

Пример анимированного подчеркивания текста с использованием 2-х линий на SVG

Решение подходит для выделения важного слова или слов в заголовках

Опубликовано: 04.03.2020
Рубрики: Тексты, ссылки и кнопки - простые решения
Метки: CSS, SVG
Нет комментариев
334 просмотра

Стилизация зачеркнутого текста на CSS

Оформление зачеркнутого текста тега <del> на CSS

Обычное зачерпывание текста тегом <del> в контексте смотрится вполне нормально, но если нужно зачеркнуть старую цену или какую-то фразу в заголовке, его лучше стилизовать.

Опубликовано: 26.01.2020
Рубрики: Тексты, ссылки и кнопки - простые решения
Метки: CSS
Нет комментариев
398 просмотров

Кнопка Play / Pause

Анимированная кнопка воспроизведения / паузы на jQuery

Кнопка просто переключает два варианта состояния воспроизведения и больше ничего не делает. Но ее можно использовать для запуска и паузы медийных файлов, например с плеером Plyr