mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
35 lines
800 B
HTML
35 lines
800 B
HTML
<button>
|
|
Button
|
|
</button>
|
|
<style>
|
|
/* From Uiverse.io by andrew-demchenk0 - Tags: button */
|
|
button {
|
|
font-weight: 700;
|
|
font-size: 17px;
|
|
width: 200px;
|
|
height: 60px;
|
|
border: none;
|
|
color: white;
|
|
background-image: linear-gradient(
|
|
to top left,
|
|
hsl(49.04, 100%, 57.06%) 0%,
|
|
hsl(49.04, 100%, 57.06%) 20%,
|
|
hsl(58.89, 45.92%, 53.77%) 20%,
|
|
hsl(58.89, 45.92%, 53.77%) 40%,
|
|
hsl(124.17, 16.44%, 57.06%) 40%,
|
|
hsl(124.17, 16.44%, 57.06%) 60%,
|
|
hsl(200.79, 47.04%, 47.21%) 60%,
|
|
hsl(200.79, 47.04%, 47.21%) 80%,
|
|
hsl(210, 100%, 43.92%) 80%,
|
|
hsl(210, 100%, 43.92%) 100%
|
|
);
|
|
transition: 1s all;
|
|
box-shadow: 0 1px 15px 0 #797f7b;
|
|
}
|
|
|
|
button:hover {
|
|
transform: scale(1.1);
|
|
box-shadow: -2px 2px 10px #616562,
|
|
2px -2px 10px #717774;
|
|
}
|
|
</style>
|