Input by Bodyhc
#e8e8e8
1.search { 2 display: inline-block; 3 position: relative; 4} 5 6.search input[type="text"] { 7 width: 200px; 8 padding: 10px; 9 border: none; 10 border-radius: 20px; 11 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); 12} 13 14.search button[type="submit"] { 15 background-color: #4e99e9; 16 border: none; 17 color: #fff; 18 cursor: pointer; 19 padding: 10px 20px; 20 border-radius: 20px; 21 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); 22 position: absolute; 23 top: 0; 24 right: 0; 25 transition: .9s ease; 26} 27 28.search button[type="submit"]:hover { 29 transform: scale(1.1); 30 color: rgb(255, 255, 255); 31 background-color: blue; 32} 33
4.2K views
4.2K views
MIT License