Input by Bodyhc
#e8e8e8
1.input[type=text] { 2 max-width: 180px; 3 height: 20px; 4 background-color: #fff; 5 color: #242424; 6 padding: .15rem .5rem; 7 min-height: 40px; 8 border-radius: 4px; 9 outline: none; 10 border: none; 11 box-shadow: 0px 10px 20px -18px blue; 12 border-bottom: 3px solid #0d14e9; 13 transition: .10s ease; 14} 15 16.input[type=text]:hover { 17 outline: 2px solid #0d14e9; 18 max-width: 200px; 19} 20 21.input[type=text]:focus { 22 border-bottom: 3px solid #0d14e9; 23 border-radius: 5px 5px 2px 2px; 24 transform: scale(1.1); 25} 26
1.2K views
1.2K views
MIT License