<div><button class="button">Click and hold to see the active state</button>
</div>
div{
padding: 2rem;
}
.button{
padding: 1.5rem;
width: 300px;
color: black;
background-color: #e67e22;
border-radius: 5px;
}
.button:active {
transform: scale(0.99);
box-shadow: none;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.