mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 21:20:21 +08:00
29 lines
539 B
HTML
29 lines
539 B
HTML
<input class="input" name="text" type="text" placeholder="Name">
|
|
<style>
|
|
/* From Uiverse.io by JaydipPrajapati1910 - Tags: animation, input */
|
|
.input {
|
|
max-width: 190px;
|
|
border: none;
|
|
outline: none;
|
|
background: none;
|
|
font-size: 18px;
|
|
color: #222;
|
|
padding: 15px 5px 10px 20px;
|
|
box-shadow: Inset 0 1px 25px rgba(0, 0, 0, 0.55);
|
|
border-radius: 25px;
|
|
}
|
|
|
|
.input:focus {
|
|
border: 2px solid #c3c6ce;
|
|
}
|
|
|
|
.input::placeholder {
|
|
color: #555;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.input:focus::placeholder {
|
|
color: #999;
|
|
}
|
|
|
|
</style>
|