mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 13:10:21 +08:00
27 lines
650 B
HTML
27 lines
650 B
HTML
<button>
|
|
Button
|
|
</button>
|
|
<style>
|
|
/* From Uiverse.io by lenfear23 - Tags: neumorphism, button */
|
|
button {
|
|
margin: 12px;
|
|
height: 50px;
|
|
width: 120px;
|
|
border-radius: 10px;
|
|
background: #333;
|
|
justify-content: center;
|
|
align-items: center;
|
|
box-shadow: -5px -5px 15px #444, 5px 5px 15px #222, inset 5px 5px 10px #444, inset -5px -5px 10px #222;
|
|
font-family: 'Damion', cursive;
|
|
border: none;
|
|
font-size: 16px;
|
|
color: rgb(161, 161, 161);
|
|
transition: 500ms;
|
|
}
|
|
|
|
button:hover {
|
|
box-shadow: -5px -5px 15px #444, 5px 5px 15px #222, inset 5px 5px 10px #222, inset -5px -5px 10px #444;
|
|
color: #d6d6d6;
|
|
transition: 500ms;
|
|
}
|
|
</style>
|