پیش‌نمایش زنده
کد HTML
<button>
  Hover me
</button>
کد CSS
button {
  background-color: rgb(255, 255, 255);
  border: 3px solid black;
  padding: 12px 32px;
  border-radius: 22px;
  box-shadow: 2px 2px 1px  black;
  transition: all .2s ease;
  font-size: 1em;
  font-weight: 800;
}

button:hover {
  transform: translate(-2px, -1px);
  box-shadow: 7px 7px 1px  rgb(0, 0, 0);
  transition: all .2s ease-in;
}
نوع: button
تاریخ ایجاد: 2026/06/05
آخرین بروزرسانی: 2026/06/05