Топ-100
Создать акаунт
NULLTOP » Готовые скрипты » CSS » 60 крутых кнопок на CSS с анимацией

60 крутых кнопок на CSS с анимацией

23 янв 2024, 21:30
CSS
39
0
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)

Заключение

А какие кнопки понравились вам?


Все материалы, представленные на сайте, носят исключительно ознакомительный характер!

Если ссылка битая, пожалуйста сообщите нам через форму комментариев или в ЛС

Комментарии
Минимальная длина комментария - 50 знаков. комментарии модерируются
Кликните на изображение чтобы обновить код, если он неразборчив

Смотрите также: