Button

rohit

Jan 02, 2026 114

Live Preview

Live Editor

<button>Button</button>
button {
  font-size: 1.5rem;
  color: #fafafa;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 10px;
  border: 2px solid #fafafa;
  background: #252525;
  box-shadow: 3px 3px #fafafa;
  cursor: pointer;
  display:flex;
  align-items:center;
  justify-content:center
        margin: 50px 0;
  
}

button:active {
  box-shadow: none;
  transform: translate(3px, 3px);
}

Comments 2

Want to comment?

Please login or sign up to post comments.

rohit

Jan 10, 2026 at 05:53 PM

😍😍

rohit

Jan 10, 2026 at 05:50 PM

Nice

Categories

Button

Live Preview

Live Editor

Comments 2

Want to comment?

rohit

rohit