mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
28 lines
667 B
HTML
28 lines
667 B
HTML
<button class="button1"> Button
|
|
</button>
|
|
<style>
|
|
/* From Uiverse.io by xXJollyHAKERXx - Tags: simple, gradient, button */
|
|
.button1 {
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
height: 45px;
|
|
width: 85px;
|
|
border: 0px solid;
|
|
background-image: linear-gradient(45deg,blue,#00f0a0,blue);
|
|
background-size: 500% 400%;
|
|
color: white;
|
|
border-radius: 50px;
|
|
transition: 0.6s all;
|
|
}
|
|
|
|
.button1:hover {
|
|
background-position: 75% 50%;
|
|
transform: perspective(100px)
|
|
}
|
|
|
|
.button1:active {
|
|
transform: scale(0.95);
|
|
transition: 0.1s;
|
|
}
|
|
</style>
|