mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
32 lines
No EOL
760 B
HTML
32 lines
No EOL
760 B
HTML
<button class="button">Play it</button>
|
|
|
|
<style>
|
|
/* From Uiverse.io by vishal2231179 - Tags: black, button, game, click animation, hover button, #button, 3d button, button hover effect */
|
|
.button {
|
|
cursor: pointer;
|
|
padding: 15px 40px 15px 40px;
|
|
border-radius: 10px;
|
|
border-style: double;
|
|
font-weight: 600;
|
|
background-image: linear-gradient(
|
|
rgb(54, 53, 53),
|
|
rgb(0, 0, 0),
|
|
rgb(54, 54, 54)
|
|
);
|
|
color: rgb(164, 164, 162);
|
|
font-family: Verdana, Geneva, Tahoma, sans-serif;
|
|
border-color: rgb(0, 0, 0);
|
|
transition: 400ms;
|
|
}
|
|
|
|
.button:hover {
|
|
transition: 400ms;
|
|
border-style: double;
|
|
border-color: rgb(208, 207, 207);
|
|
color: rgb(219, 216, 216);
|
|
font-size: 16px;
|
|
text-shadow: 1px 10px 5px rgb(61, 61, 61);
|
|
}
|
|
|
|
</style>
|
|
|