#e8e8e8
1/* From uiverse.io by @alexruix */ 2.input { 3 line-height: 28px; 4 border: 2px solid transparent; 5 border-bottom-color: #777; 6 padding: .2rem 0; 7 outline: none; 8 background-color: transparent; 9 color: #0d0c22; 10 transition: .3s cubic-bezier(0.645, 0.045, 0.355, 1); 11} 12 13.input:focus, input:hover { 14 outline: none; 15 padding: .2rem 1rem; 16 border-radius: 1rem; 17 border-color: #7a9cc6; 18} 19 20.input::placeholder { 21 color: #777; 22} 23 24.input:focus::placeholder { 25 opacity: 0; 26 transition: opacity .3s; 27} 28 29 30 31 32 33 34
11K views
11K views
Comments
1nate-games 6. October at 20:51
6. October at 20:51
One of the best yet! Impressive and very minimal, the css doesn't break on other webpages thats what makes it so good!
MIT License