پیشنمایش زنده
کد HTML
<button class="button">
Hover me
</button>
کد CSS
.button {
padding: 15px 20px;
font-size: 16px;
font-weight: 600;
border: 2px solid #414141;
color: white;
background-color: transparent;
cursor: pointer;
border-radius: 10px;
text-transform: uppercase;
transition: all 0.4s cubic-bezier(0.23, 1, 0.320, 1);
}
.button:hover {
border-color: #0974f1;
box-shadow: 0 0 20px rgba(9, 117, 241, 0.8);
}
.button:active {
box-shadow: 0 0 10px rgba(9, 117, 241, 0.4);
}