60 крутых кнопок на CSS с анимацией
1 Кнопка с эффектом свечения
Автор: Kocsten
Написано на: HTML, CSS
2 Скругленная кнопка
Автор: alticreation
Написано на: HTML, CSS (SCSS)
3 Игристая кнопка
Автор: Nour Saud
Написано на: HTML, CSS
4 Кнопки с иконками
Автор: Andrea Maselli
Написано на: HTML, CSS
5 Пузырящаяся кнопка
Автор: Hilary
Написано на: HTML, CSS (SCSS)
6 Тонкие кнопки
Автор: Natalia Reshetnikova
Написано на: HTML, CSS
7 Кнопки с указателем загрузки
Автор: dew31794
Написано на: HTML, CSS (SCSS), JS
8 Скругленная пульсирующая кнопка
Автор: Raj Kamal
Написано на: HTML, CSS (SCSS)
9 "Шипучая" кнопка
Автор: Jürgen Leister
Написано на: HTML (Haml), CSS (SCSS)
10 Кнопка N° 045
Автор: Vitor Siqueira
Написано на: HTML, CSS
11 Кнопка с пузырьками
Автор: AbhishekBaiju
Написано на: HTML, CSS
12 Кнопочное представление
Автор: Shyam
Написано на: HTML, CSS (SCSS), JS (CoffeeScript)
13 Разрезанная кнопка
Автор: Sarah
Написано на: HTML, CSS
14 Модные кнопки с иконками
Автор: Ishaan Saxena
Написано на: HTML (Pug), CSS (SCSS)
15 Изменяющаяся кнопка
Автор: thelaazyguy
Написано на: HTML, CSS
16 Простая кнопка
Автор: Tiberiu Raducea
Написано на: HTML, CSS (SCSS)
17 Кнопка-перевертыш
Автор: Alex Moore
Написано на: HTML, CSS (SCSS)
18 Кнопка с цветной шторкой вправо
Автор: thelaazyguy
Написано на: HTML, CSS
19 Замысловатые кнопки
Автор: Alexandre do Vale
Написано на: HTML, CSS, JS
20 Кнопки с откидывающейся крышкой
Автор: Velina V Veleva
Написано на: HTML, CSS (SCSS), JS
21 Коллекция кнопок с эффектом при наведении
Автор: David Conner
Написано на: HTML, CSS (SCSS)
22 Кнопка с CSS эффектами: Анимированная рамка & Свечение
Автор: Blade Multimedia
Написано на: HTML, CSS
23 Кнопка с CSS эффектом при наведении
Автор: Imran Pardes
Написано на: HTML, CSS
24 Все еще на виду
Автор: Alex Bodin
Написано на: HTML, CSS
25 CSS Кнопка с кольцевым индикатором
Автор: Cole McCombs
Написано на: HTML, CSS
26 Кнопки с разными эффектами при наведении
Автор: Kyle Brumm
Написано на: HTML, CSS (SCSS), JS
27 Кнопка с пузырьковым эффектом
Автор: Adrien Grsmto
Написано на: HTML, CSS (SCSS), JS
28 Анимированная кнопка отправки данных
Автор: Valentin Galmand
Написано на: HTML, CSS (SCSS), JS
29 Кто не любит забавные кнопки?
Автор: Derek Morash
Написано на: HTML, CSS (SCSS)
30 Перевертыш
Автор: Hakim El Hattab
Написано на: HTML, CSS (SCSS), JS
31 Резиновые переключатели
Автор: Justin Windle
Написано на: HTML, CSS (Sass)
32 Эффект при наведении на кнопку с box-shadow
Автор: Giana
Написано на: HTML, CSS (SCSS)
33 Кнопка "Submit" (Anime.js)
Автор: Andrew Millen
Написано на: HTML, CSS (SCSS), JS (jQuery & anime.js)
34 Анимация CSS кнопки
Автор: Sasha
Написано на: HTML (Pug), CSS (SCSS), JS
35 CSS кнопка в виде пуговицы на пледе
Автор: Marcus Connor
Написано на: HTML, CSS
36 CSS кнопка тонет в пузырьках
Автор: Giana
Написано на: HTML, CSS (SCSS)
37 jQuery + 3D кнопка
Автор: Carlos G Notario
Написано на: HTML, CSS, JS (jQuery)
38 Кнопка-переключатель на чистом CSS
Автор: Kitty Giraudel
Написано на: HTML, CSS (SCSS)
39 Коллекция креативных кнопок с эффектом при наведении
Автор: Yasin Softaoğlu
Написано на: HTML, CSS
40 Анимации кнопок
Автор: Alex Loomer
Написано на: HTML, CSS
41 Кнопка с эффектом сияния и свечения
Автор: Kniw Studio
Написано на: HTML, CSS
42 Изящная кнопка
Автор: Ivan Villa
Написано на: HTML, CSS (SCSS)
43 Шесть анимаций наведения на кнопки
Автор: Christian
Написано на: HTML, CSS
44 3D Кнопка
Автор: SULEMANS CODES
Написано на: HTML, CSS, JS
45 Ретро кнопка в стиле 70-х
Автор: Jordan Halvorsen
Написано на: HTML, CSS
46 100 дневная кнопка N° 045
Автор: Vitor Siqueira
Написано на: HTML, CSS
47 Кнопка с еще одним эффектом наведения
Автор: Katherine Kato
Написано на: HTML, CSS (SCSS)
48 Анимация кнопки загрузки
Автор: Aaron Iker
Написано на: HTML, CSS (SCSS), JS (gsap)
49 Жидкая кнопка
Автор: Waaark
Написано на: HTML, CSS, JS (jQuery)
50 Крутые кнопки
Автор: Astitva2009
Написано на: HTML, CSS
51 Кнопка с крутым эффектом наведения
Автор: Devang Bajpai
Написано на: HTML, CSS
52 Кнопка со слайдерной анимацией наведения
Автор: Ajeet Kumar
Написано на: HTML, CSS
53 Кнопка с анимацией Запрос/Успех/Ошибка
Автор: Felix M
Написано на: HTML, CSS (SCSS), JS (Babel)
54 Кнопки с переходами
Автор: Robin Treur
Написано на: HTML, CSS (SCSS)
55 Неоновые кнопки
Автор: Np|Nihad Pasa
Написано на: HTML, CSS
56 Кнопки с разной анимацией наведения
Автор: afa
Написано на: HTML, CSS (SCSS)
57 Кнопка с эффектом наведения
Автор: Eslam
Написано на: HTML, CSS
58 Растягивающаяся кнопка
Автор: thelaazyguy
Написано на: HTML, CSS
59 Эффектная кнопка
Автор: Kyle Lavery
Написано на: HTML, CSS (SCSS)
60 Кнопки с разным заполнением
Автор: Pieter Biesemans
Написано на: HTML, CSS (SCSS)
Заключение
А какие кнопки понравились вам?
Все материалы, представленные на сайте, носят исключительно ознакомительный характер!
Если ссылка битая, пожалуйста сообщите нам через форму комментариев или в ЛС
Смотрите также:
30 вдохновляющих шаблонов на 404 страницы HTML
При вызове страницы, которая не существует (или больше не существует), вы перенаправляетесь на страницу 404. Но это не так уж плохо, потому что шаблоны 404 могут творить чудеса при небольшом
15 гениальных бургер меню на CSS (+ анимация)
Адаптивный веб-дизайн уже давно стал стандартом в Интернете. Почти на каждом веб-сайте есть меню для мобильных устройств, которое в основном реализовано в виде меню для гамбургеров. Коллекцию лучших
Dle Forum 4.0.1 : форум
Новая версия форума для движка для DataLife Engine. Форум представляет собой лучшее средство общения с пользователями вашего сайта. Его легко установить и настроить. Особенностью Dle Forum является
Крутые эффекты наведения, основанные на свойстве background
В этой статье мы рассмотрим ряд интересных эффектов, возникающих при наведении курсора мыши на элемент. Создавать мы их будем исключительно при помощи CSS свойства background
Screaming Frog SEO Spider: инструкция, полный гайд 2024
Представляем перевод полного и обновленного гайда по использованию инструмента для SEO-аудита сайта Screaming frog SEO Spider. Ниже вы найдете полный список актуальных на 2021 год рекомендаций о