Input by saidbl1
#212121
1.inputBox { 2 position: relative; 3} 4 5.inputBox input { 6 padding: 15px 20px; 7 outline: none; 8 background: transparent; 9 border-radius: 5px; 10 color: #fff; 11 border: 1px solid#ee8456; 12 font-size: 1em; 13} 14 15.inputBox span { 16 position: absolute; 17 left: 0; 18 padding: 15px 20px; 19 pointer-events: none; 20 font-size: 1em; 21 transition: 0.4s cubic-bezier(0.05, 0.81, 0, 0.93); 22 color: #ee8456; 23 letter-spacing: 0.1em; 24} 25 26.inputBox input:focus ~ span, 27.inputBox input:valid ~ span { 28 font-size: 0.7em; 29 transform: translateX(14px) translateY(-7.5px); 30 padding: 0 5px; 31 border-radius: 2px; 32 background: #212121; 33 letter-spacing: 0em; 34 border: 1px solid #ee8456; 35} 36 37
1.9K views
1.9K views
MIT License