Галактическая кнопка, при наведении или нажатии появляется эффект космоса. Проект ...

Дата публикации: 28-07-2026 13:05:44

Галактическая кнопка, при наведении или нажатии появляется эффект космоса. Проект от freefrontend, но добавил к себе на Github, потому что прикольно выглядит.
Чтобы сделать кнопку с помощью CSS, сначала нужно создать сам элемент в HTML, а затем стилизовать его.
Для кнопки чаще всего используют тег
Нажми меня
В css задаём
background-color — задаёт цвет фона.
color — цвет текста.
border — стиль, толщину и цвет границы (часто none для плоской кнопки).
padding — внутренние отступы, которые создают «зону нажатия» вокруг текста.
border-radius — скругление углов (0 сделает кнопку круглой).
cursor: pointer — меняет курсор на указатель («рука») при наведении, сигнализируя о клике.
dzen.ru
elementor.com
transition — плавность изменения свойств (например, цвета фона при наведении).
dzen.ru
:hover — псевдокласс для изменения стиля при наведении курсора.
freecodecamp.org
:active — псевдокласс для стиля в момент нажатия (часто эффект «вдавленности»)
Посмотреть тут
https://leonchikxx1.github.io/galaxy/ 💥

Схожие новости

#	Наименование новости	Тональность	Информативность	Дата публикации
1	Переменная в стилях.	-1	9.3	08-08-2026
2	Включай режим Космос: вокруг звезды, впереди галактика!!!💫💫💫 Отличной недели✨✨✨	0	4.19	23-07-2026
3	Космос ✨ #МакароваPROМаникюр #маникюр #мастерманикюра #красивыеногти #ухоженныеруки #педикюр #гельлак	0	1	01-07-2026
4	в продаже космос цвет пишите в лс	0	1	04-07-2026
5	Цвет....космос В наличии 44-48 в наличии Свободный свитшот голубого цвета ...	2	6	08-07-2026
6	Переменная в стилях.	0	6.35	08-08-2026
7	Цвет неба просто космос 🚀	5	1	16-07-2026
8	contrast-color()	0	5	29-04-2026
9	rotateZ()	0	5	13-05-2026
10	Комната просто космос:)	8	3	05-07-2026

Классификация: . Схожих патентов: 0. Схожих новостей: 10. Тональность: 0. Информативность: 9.52. Источник: vk.com.