پیشنمایش زنده
کد HTML
<button class="button">Simple button</button>
کد CSS
.button {
cursor: pointer;
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
color: #fff;
padding: 10px 20px;
border-radius: 0.5rem;
transition: background 0.3s ease-in-out;
}
.button:hover {
background: rgba(255, 255, 255, 0.25);
text-decoration: underline;
}