Input by chethan025
#e8e8e8
1.input[type = "text"] { 2 display: block; 3 color: rgb(34, 34, 34); 4 background: linear-gradient(142.99deg, rgba(217, 217, 217, 0.63) 15.53%, rgba(243, 243, 243, 0.63) 88.19%); 5 box-shadow: 0px 12px 24px -1px rgba(0, 0, 0,0.18); 6 border-color: rgba(7, 4, 14, 0); 7 border-radius: 50px; 8 block-size: 20px; 9 margin: 7px auto; 10 padding: 18px 15px; 11 outline: none; 12 text-align: center; 13 width: 200px; 14 transition: 0.5s; 15} 16 17.input[type = "text"]:hover { 18 width: 240px; 19} 20 21.input[type = "text"]:focus { 22 width: 280px; 23}
1.8K views
1.8K views
MIT License