• Страница 1 из 1
  • 1
Форум » Веб-разработка » Элементы HTML » Кнопки с оригинальными эффектами на CSS3 (Набор оригинальных hover-эффектов для кнопок на CSS)
Кнопки с оригинальными эффектами на CSS3
Kosten
Дата: Воскресенье, 2020-09-06, 02:59 | Сообщение 1
Оффлайн
Администраторы
Сообщений:28886
Награды: 62


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

Кнопка угловая с красивым эффектом CSS



Параллельный вид кнопки в исполнение HTML + CSS


See the Pen
Parallel
by Kocsten (@kocsten)
on CodePen.




Красивое оформление с тенью для кнопок


See the Pen
Hover
by Kocsten (@kocsten)
on CodePen.




Полупрозрачный стиль для кнопки с тенью на CSS


See the Pen
Translucent
by Kocsten (@kocsten)
on CodePen.




Красивая кнопка в золотом обрамление для сайта


See the Pen
Golden
by Kocsten (@kocsten)
on CodePen.




Кнопки на градиентах с помощью CSS


See the Pen
gradientText
by Kocsten (@kocsten)
on CodePen.




Темная кнопка с красивой анимацией CSS3


See the Pen
Figma
by Kocsten (@kocsten)
on CodePen.




Прозрачный вид кнопки с анимацией на CSS3


See the Pen
Ghostly
by Kocsten (@kocsten)
on CodePen.




Оригинальное подчеркивание виде кнопок для сайта


See the Pen
underline
by Kocsten (@kocsten)
on CodePen.




Заметка виде кнопки с эффектом при наведение клика


See the Pen
Sticky Note
by Kocsten (@kocsten)
on CodePen.


Страна: (RU)
Kosten
Дата: Воскресенье, 2020-09-06, 03:25 | Сообщение 2
Оффлайн
Администраторы
Сообщений:28886
Награды: 62


Уникальный эффект смены фона по кнопке в HTML + CSS


See the Pen
Rave
by Kocsten (@kocsten)
on CodePen.


Страна: (RU)
Kosten
Дата: Воскресенье, 2020-09-06, 03:28 | Сообщение 3
Оффлайн
Администраторы
Сообщений:28886
Награды: 62


Кнопка с эффектом увеличение по клику

Вместо кнопки идет красный шарик, где при каждом клике по нему он увеличивается.


See the Pen
Final 'Button' #100
by Kocsten (@kocsten)
on CodePen.


Страна: (RU)
Форум » Веб-разработка » Элементы HTML » Кнопки с оригинальными эффектами на CSS3 (Набор оригинальных hover-эффектов для кнопок на CSS)
  • Страница 1 из 1
  • 1
Поиск: