mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 13:10:21 +08:00
39 lines
631 B
HTML
39 lines
631 B
HTML
|
|
<input placeholder="Username" type="text" class="input" required="">
|
|
<style>
|
|
/* From Uiverse.io by alexruix - Tags: input */
|
|
/* From uiverse.io by @alexruix */
|
|
.input {
|
|
line-height: 28px;
|
|
border: 2px solid transparent;
|
|
border-bottom-color: #777;
|
|
padding: .2rem 0;
|
|
outline: none;
|
|
background-color: transparent;
|
|
color: #0d0c22;
|
|
transition: .3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
|
|
.input:focus, input:hover {
|
|
outline: none;
|
|
padding: .2rem 1rem;
|
|
border-radius: 1rem;
|
|
border-color: #7a9cc6;
|
|
}
|
|
|
|
.input::placeholder {
|
|
color: #777;
|
|
}
|
|
|
|
.input:focus::placeholder {
|
|
opacity: 0;
|
|
transition: opacity .3s;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|