В данной записи я вам покажу несколько наборов стильных кнопок, которые вы легко сможете добавить на свой сайт. Здесь находятся простые кнопки, которые часто встречаются на сайте, кнопки для интернет магазинов, 3d кнопки, а так же кнопки для выставления рейтинга. Все кнопки имеют один стиль.
Первый набор
В первом наборе простые кнопки, которые часто используется на сайтах.
Ссылка — https://tympanus.net/Development/CreativeButtons/
Кнопки с линией загрузки
Здесь уже кнопки по интереснее. В данном наборе кнопки со стилями похожими на предыдущий набор, но здесь они уже имеют линию прогресса.
Ссылка — https://tympanus.net/Development/ProgressButtonStyles/
Кнопки с оригинальными hover эффектами
Последний набор самый интересный. Здесь собранны кнопки с необычными hover эффектами. Стоит только зайти и глаза разбегаются от попытки выбрать нужный стиль.
Ссылка — https://tympanus.net/Development/CreativeLinkEffects/#cl-effect-2
Как добавить?!
Либо я невнимательный, либо действительно так и есть, но я не смог найти файл с загрузкой стилей кнопок((( Поэтому скачать у вас не получиться!
Но к вашему счастью я сообразительный! И мы будем копировать CSS и HTML код прямо из инспектора!
Да, здесь я действительно не нашёл файлы которые можно скачать, но это нам и не нужно. Если вам нужна одна кнопка зачем скачивать код для всех кнопок.
Мы сделаем так. Откройте инспектор нажав Ctrl + Shift + I. После этого выберите инструмент выделяющий элемент. И скопируйте его класс.
Здесь у кнопок есть основные и дополнительные стили, поэтому вы должны скопировать стили по всем классам относящимся к выбранному элементу.
