mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 13:10:21 +08:00
25 lines
591 B
HTML
25 lines
591 B
HTML
<button> Hover Me
|
|
</button>
|
|
<style>
|
|
/* From Uiverse.io by niat786 - Tags: button */
|
|
button {
|
|
border-radius: 999px;
|
|
padding: 1em 2em;
|
|
background: linear-gradient(117deg, rgb(254, 145, 80), rgb(254, 100, 70));
|
|
border: none;
|
|
color: rgb(255, 255, 255);
|
|
font-size: 1rem;
|
|
text-transform: uppercase;
|
|
font-family: inherit;
|
|
font-weight: 500;
|
|
cursor: pointer;
|
|
transition: box-shadow 0.25s ease 0s;
|
|
letter-spacing: 0.08rem;
|
|
}
|
|
|
|
button:hover,
|
|
button:focus {
|
|
background: linear-gradient(117deg, rgb(248, 137, 73), rgb(248, 82, 49));
|
|
box-shadow: 0 0.1rem 0.8rem rgb(254, 100, 70);
|
|
}
|
|
</style>
|