1/* From uiverse.io by @alexruix */
2.input {
3 line-height: 28px;
4 border: 2px solid transparent;
5 border-bottom-color: #777;
6 padding: .2rem 0;
7 outline: none;
8 background-color: transparent;
9 color: #0d0c22;
10 transition: .3s cubic-bezier(0.645, 0.045, 0.355, 1);
11}
12
13.input:focus, input:hover {
14 outline: none;
15 padding: .2rem 1rem;
16 border-radius: 1rem;
17 border-color: #7a9cc6;
18}
19
20.input::placeholder {
21 color: #777;
22}
23
24.input:focus::placeholder {
25 opacity: 0;
26 transition: opacity .3s;
27}
28
29
30
31
32
33
34