mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
39 lines
No EOL
946 B
HTML
39 lines
No EOL
946 B
HTML
<button class="button">Minecraft</button>
|
|
|
|
<style>
|
|
/* From Uiverse.io by asgardOP - Tags: simple, button, hover, smooth, game, html, css */
|
|
.button {
|
|
cursor: pointer;
|
|
width: fit-content;
|
|
height: fit-content;
|
|
padding: 15px;
|
|
background-color: rgb(223, 223, 223);
|
|
border-left: 3px solid white;
|
|
border-top: 3px solid white;
|
|
border-right: 3px solid gray;
|
|
border-bottom: 3px solid gray;
|
|
font-family: "Courier New", Courier, monospace;
|
|
font-size: 1.1rem;
|
|
font-weight: 900;
|
|
outline: 2px solid black;
|
|
}
|
|
|
|
.button:hover {
|
|
background-color: rgb(0, 197, 0);
|
|
color: white;
|
|
outline-color: white;
|
|
border-left: 3px solid rgb(0, 255, 0);
|
|
border-top: 3px solid rgb(0, 255, 0);
|
|
border-right: 3px solid green;
|
|
border-bottom: 3px solid green;
|
|
}
|
|
|
|
.button:active {
|
|
border-left: 3px solid green;
|
|
border-top: 3px solid green;
|
|
border-right: 3px solid rgb(0, 255, 0);
|
|
border-bottom: 3px solid rgb(0, 255, 0);
|
|
}
|
|
|
|
</style>
|
|
|