mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 13:10:21 +08:00
32 lines
No EOL
614 B
HTML
32 lines
No EOL
614 B
HTML
<button>Button</button>
|
|
|
|
<style>
|
|
/* From Uiverse.io by znvscripts - Tags: simple, button, click effect */
|
|
button {
|
|
position: relative;
|
|
background: transparent;
|
|
cursor: pointer;
|
|
outline-offset: 4px;
|
|
transition: filter 250ms;
|
|
user-select: none;
|
|
touch-action: manipulation;
|
|
font-size: 1.1rem;
|
|
color: white;
|
|
box-shadow: 10px 10px 4px rgba(0, 0, 0, 0.3);
|
|
background: rgb(255, 0, 0);
|
|
border-radius: 12px;
|
|
padding: 12px 27px;
|
|
border: 3px solid black;
|
|
}
|
|
|
|
button:hover {
|
|
filter: brightness(110%);
|
|
}
|
|
|
|
button:active {
|
|
transform: translateY(2px);
|
|
transition: transform 34ms;
|
|
}
|
|
|
|
</style>
|
|
|