Input by Gautammsharma
#212121
1.input__container--variant { 2 background: linear-gradient(to bottom, #F3FFF9, #F3FFF9); 3 border-radius: 30px; 4 max-width: 13em; 5 padding: 1em 1em; 6} 7 8.shadow__input--variant { 9 filter: blur(25px); 10 border-radius: 30px; 11 background-color: #F3FFF9; 12 opacity: 0.5; 13} 14 15.input__button__shadow--variant { 16 border-radius: 15px; 17 background-color: #07372C; 18 padding: 10px; 19 border: none; 20} 21 22.input__button__shadow--variant:hover { 23 background-color: #3C6659; 24} 25 26.input__search--variant { 27 width: 13em; 28 align-items: center; 29 border-radius: 13em; 30 outline: none; 31 border: none; 32 padding: 0.8em; 33 font-size: 1.2em; 34 color: #002019; 35 background-color: transparent; 36} 37 38.input__search--variant::placeholder { 39 color: #002019; 40 opacity: 0.7; 41} 42 43.input__container--variant { 44 background: linear-gradient(to bottom, #F3FFF9, #F3FFF9); 45 border-radius: 1.5em; 46 max-width: 14em; 47 padding: 1em; 48 box-shadow: 0em 1em 3em #beecdc64; 49} 50
1.6K views
1.6K views
MIT License