Input by JaydipPrajapati1910
#e8e8e8
1.group { 2 display: flex; 3 line-height: 28px; 4 align-items: center; 5 position: relative; 6 max-width: 190px; 7} 8 9.input { 10 height: 40px; 11 line-height: 28px; 12 padding: 0 1rem; 13 width: 100%; 14 padding-left: 2.5rem; 15 outline: none; 16 background: linear-gradient(180deg, rgb(56, 56, 56) 0%, rgb(36, 36, 36) 66%, rgb(41, 41, 41) 100%); 17 color: #fff; 18 transition: .3s ease; 19 border: 2px solid; 20 border-image: conic-gradient( #00F260, #0575E6,#64f38c) 1; 21} 22 23.input::placeholder { 24 color: #fff; 25} 26 27.input:focus::placeholder { 28 color: #999; 29} 30 31.icon { 32 position: absolute; 33 left: 1rem; 34 fill: #fff; 35 width: 1rem; 36 height: 1rem; 37} 38
1.5K views
1.5K views
MIT License