mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
34 lines
571 B
HTML
34 lines
571 B
HTML
<button> Hover me.
|
|
</button>
|
|
<style>
|
|
/* From Uiverse.io by cuatrofender - Tags: button */
|
|
button {
|
|
border: none;
|
|
font-family: sans-serif;
|
|
font-size: 17px;
|
|
background: transparent;
|
|
color: #006bb3;
|
|
border: solid 1px rgba(0, 107, 179, 0.2);
|
|
padding: 10px;
|
|
border-radius: 4px;
|
|
transition-duration: 0.2s;
|
|
}
|
|
|
|
button:before {
|
|
content: "»";
|
|
opacity: 0;
|
|
margin-left: -15px;
|
|
transition-duration: 0.2s;
|
|
}
|
|
|
|
button:hover:before {
|
|
margin-left: 0px;
|
|
opacity: 1;
|
|
}
|
|
|
|
button:hover {
|
|
color: black;
|
|
background: rgba(0, 0, 0, 0.02);
|
|
border: solid 1px gainsboro;
|
|
}
|
|
</style>
|