Magnetic Button - Preview | DevPlatform

Magnetic Button

jitesh208

Jan 20, 2026 3

Live Preview

Live Editor

<button class="btn-magnetic">Pay Now</button>
.btn-magnetic{
  padding:16px 36px;
  border-radius:30px;
  background:#111;
  color:#fff;
  transition:.3s;
}
.btn-magnetic:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 40px rgba(0,0,0,.4);
}

Comments 0

Want to comment?

Please login or sign up to post comments.

No comments yet

Be the first to comment on this component!