Input by garerim
#212121
1.container-input { 2 position: relative; 3} 4 5.input { 6 width: 150px; 7 padding: 10px 0px 10px 40px; 8 border-radius: 9999px; 9 border: solid 1px #333; 10 transition: all .2s ease-in-out; 11 outline: none; 12 opacity: 0.8; 13} 14 15.container-input svg { 16 position: absolute; 17 top: 50%; 18 left: 10px; 19 transform: translate(0, -50%); 20} 21 22.input:focus { 23 opacity: 1; 24 width: 250px; 25}
6.1K views
6.1K views
MIT License