Input by denswastaken
#212121
1.input-group { 2 display: flex; 3 flex-direction: row; 4 margin: 0 auto; 5 justify-content: center; 6 max-width: 160px; 7} 8 9.submit-button { 10 font-size: 17px; 11 padding: 0.5em 2em; 12 border: transparent; 13 box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24); 14 background: #2E2E2E; 15 border-radius: 0 10px 10px 0; 16 transition: 0.3s; 17} 18 19.submit-button:hover { 20 transition: 0.3s; 21 background: linear-gradient(90deg, #FC466B 0%, #3F5EFB 100%); 22 cursor: pointer; 23} 24 25.submit-button:active { 26 transform: translate(0em, 0.2em); 27} 28 29.submit-button span { 30 font-weight: 800; 31 letter-spacing: 2px; 32 background: linear-gradient(90deg, #FC466B 0%, #3F5EFB 100%); 33 -webkit-background-clip: text; 34 -webkit-text-fill-color: transparent; 35 transition: 0.3s; 36} 37 38.submit-button:hover span { 39 background: #2E2E2E; 40 -webkit-background-clip: text; 41 -webkit-text-fill-color: transparent; 42 transition: 0.3s; 43} 44 45#input-field { 46 background-color: #2E2E2E; 47 border-radius: 10px 0 0 10px; 48 border: none; 49 width: 300px; 50 padding-left: 8px; 51 color: white; 52 font-size: 14px; 53 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 54} 55 56::placeholder { 57 color: rgb(184, 184, 184); 58}
1.8K views
1.8K views
MIT License