Input by Codewithvinay
#e8e8e8
1.input { 2 /* fallback for old browsers */ 3 background: -webkit-linear-gradient(to right, #f7797d, #FBD786, #C6FFDD); 4 /* Chrome 10-25, Safari 5.1-6 */ 5 background: linear-gradient(to right, #f7797d, #FBD786, #C6FFDD); 6 /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ 7 background-repeat: no-repeat; 8 border-radius: 89% 29% 90% 23% / 0% 100% 0% 100%; 9 border-color: transparent; 10 width: 200px; 11 height: 50px; 12 padding: 20px; 13 display: flex; 14 justify-content: center; 15 align-items: center; 16 text-align: center; 17 font-weight: 500; 18 font-family: inherit; 19 box-shadow: 23px 23px 46px #bebebe, 20 -23px -23px 46px #ffffff; 21} 22 23.input::placeholder { 24 color: white; 25}
2.5K views
2.5K views
MIT License