Nice Button - Preview | DevPlatform

Nice Button

jitesh208

Jan 13, 2026 15

Live Preview

Live Editor

<button> # NICE BUTTON </button>
body{
  background: #1a1a1a;
}
button {
 padding: 0.6em 1em;
 border: 4px solid #fa725a;
 transition: ease-in-out 0.3s;
 background-color: transparent;
 color: #fa725a;
 font-weight: bolder;
 font-size: 16px;
}

button:hover {
 transform: scale(1.2) rotate(10deg);
 background-color: #fa725a;
 color: white;
}

Comments 0

Want to comment?

Please login or sign up to post comments.

No comments yet

Be the first to comment on this component!