Input by ainasoa

@ainasoa

Theme:

Light#e8e8e8

Jan 13, 2023330 views

CSSAdd prefixes

1.input {
2  max-width: 210px;
3  height: 50px;
4  border-radius: 7px;
5  border: 0;
6  outline: auto grey;
7  padding-inline: 15px;
8  font-size: 16px;
9  transform: all 200ms;
10}
11
12.input:focus {
13  text-decoration: underline 6px;
14  box-shadow: 0 0 50px rgb(255, 255, 255);
15  border: 1px solid grey;
16}
17

.input {
  max-width: 210px;
  height: 50px;
  border-radius: 7px;
  border: 0;
  outline: auto grey;
  padding-inline: 15px;
  font-size: 16px;
  transform: all 200ms;
}

.input:focus {
  text-decoration: underline 6px;
  box-shadow: 0 0 50px rgb(255, 255, 255);
  border: 1px solid grey;
}

HTML

1<input placeholder="Name" type="text" name="text" class="input">

<input placeholder="Name" type="text" name="text" class="input">