mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
27 lines
No EOL
638 B
HTML
27 lines
No EOL
638 B
HTML
<input placeholder="Type here..." class="styled-input" type="text" />
|
|
|
|
<style>
|
|
/* From Uiverse.io by vikramsinghnegi - Tags: simple, material design, flashy, alert, input, modern */
|
|
.styled-input {
|
|
position: relative;
|
|
cursor: text;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
padding: 0 16px;
|
|
height: 48px;
|
|
background-color: #fff;
|
|
border: 1px solid #d6d6e7;
|
|
border-radius: 3px;
|
|
color: rgb(35, 38, 59);
|
|
box-shadow: inset 0 1px 4px 0 rgb(119 122 175 / 30%);
|
|
overflow: hidden;
|
|
transition: all 100ms ease-in-out;
|
|
}
|
|
|
|
.styled-input:focus {
|
|
border-color: #3c4fe0;
|
|
box-shadow: 0 1px 0 0 rgb(35 38 59 / 5%);
|
|
}
|
|
|
|
</style>
|
|
|