Input by Na3ar-17
#212121
1.container { 2 margin: 0; 3 padding: 0; 4 box-sizing: border-box; 5 display: flex; 6 justify-content: center; 7 align-items: center; 8} 9 10.label { 11 position: relative; 12 display: block; 13 width: 250px; 14 display: flex; 15 border-radius: 6px; 16 border: 2px solid #373737; 17 padding: 15px 8px 15px 10px; 18 text-align: left; 19 20 .icon { 21 position: absolute; 22 top: 55%; 23 right: 0; 24 transform: translate(-50%, -50%); 25 transition: all 0.3s ease; 26 color: #c5c5c5; 27 } 28 29 .input { 30 background-color: transparent; 31 outline: none; 32 border: none; 33 color: #c5c5c5; 34 font-size: 16px; 35 } 36} 37
103 views
Variation of ainput
MIT License