This post is saved as a draft.
This post is saved as a draft.
#212121
1.main { 2 position: relative; 3 max-height: 200px; 4} 5 6.input { 7 max-width: 190px; 8 border: none; 9 border-bottom: solid gray 1px; 10 background: transparent; 11 outline: none; 12 padding: 10px; 13 transition: 0.2s; 14 color: #e8e8e8; 15 font-size: 17px; 16} 17 18.input:focus , .input:valid { 19 border-color: lightblue; 20} 21 22label span { 23 position: absolute; 24 top: 0px; 25 display: block; 26 transition: 0.2s; 27 pointer-events: none; 28 font-size: 25px; 29 color: gray; 30} 31 32.input:focus + label span ,.input:valid + label span { 33 color: lightblue; 34 top: -25px 35} 36
434 views
434 views
Variations
1 MIT License