Skip to content

Instantly share code, notes, and snippets.

@g-rodigy

g-rodigy/input-gradient-border-with-radius.css

Created May 28, 2023 20:07
Show Gist options
  • Save g-rodigy/aa044f56d861ca8ec4221207e18e63b1 to your computer and use it in GitHub Desktop.
Save g-rodigy/aa044f56d861ca8ec4221207e18e63b1 to your computer and use it in GitHub Desktop.
Download ZIP
Input border gradinet with border radius
Raw
input-gradient-border-with-radius.css
input {
border: 1px solid transparent;
border-radius: 6px;
background-image: linear-gradient(white, white),
linear-gradient(to right, orange, yellow);
background-origin: border-box;
background-clip: padding-box, border-box;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment