Soft Input - Preview | DevPlatform

Soft Input

admin1234

Jan 30, 2026 4

Live Preview

Live Editor

<input class="soft" placeholder="Search…">
.soft{
  width:320px;
  padding:16px;
  border-radius:14px;
  border:none;
  outline:none;
  background:#f3f4f6;
  font-size:16px;
  box-shadow:
    inset 6px 6px 12px #d1d5db,
    inset -6px -6px 12px #ffffff;
}
.soft:focus{
  background:#fff;
}

Comments 0

Want to comment?

Please login or sign up to post comments.

No comments yet

Be the first to comment on this component!