galaxy/Buttons/Praashoo7_clever-turtle-2.html

23 lines
556 B
HTML

<button>
BUTTON
</button>
<style>
/* From Uiverse.io by Praashoo7 - Tags: brown, button, stitched */
button {
outline: none;
color: #DAA06D;
padding: 1em;
padding-left: 3em;
padding-right: 3em;
border: 2px dashed #DAA06D;
border-radius: 15px;
background-color: #EADDCA;
box-shadow: 0 0 0 4px #EADDCA, 2px 2px 4px 2px rgba(0, 0, 0, 0.5);
transition: .1s ease-in-out, .4s color;
}
button:active {
transform: translateX(0.1em) translateY(0.1em);
box-shadow: 0 0 0 4px #EADDCA, 1.5px 1.5px 2.5px 1.5px rgba(0, 0, 0, 0.5);
}
</style>