#212121
1.input { 2 font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif; 3 font-weight: 500; 4 font-size: .8vw; 5 color: #fff; 6 background-color: rgb(28,28,30); 7 box-shadow: 0 0 .4vw rgba(0,0,0,0.5), 0 0 0 .15vw transparent; 8 border-radius: 0.4vw; 9 border: none; 10 outline: none; 11 padding: 0.4vw; 12 max-width: 190px; 13 transition: .4s; 14} 15 16.input:hover { 17 box-shadow: 0 0 0 .15vw rgba(135, 207, 235, 0.186); 18} 19 20.input:focus { 21 box-shadow: 0 0 0 .15vw skyblue; 22}
Comments
MIT License