mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
26 lines
696 B
HTML
26 lines
696 B
HTML
<input type="text" name="text" class="input" placeholder="Write a message">
|
|
<style>
|
|
/* From Uiverse.io by Jaareet - Tags: input */
|
|
.input {
|
|
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
|
|
font-weight: 500;
|
|
font-size: .8vw;
|
|
color: #fff;
|
|
background-color: rgb(28,28,30);
|
|
box-shadow: 0 0 .4vw rgba(0,0,0,0.5), 0 0 0 .15vw transparent;
|
|
border-radius: 0.4vw;
|
|
border: none;
|
|
outline: none;
|
|
padding: 0.4vw;
|
|
max-width: 190px;
|
|
transition: .4s;
|
|
}
|
|
|
|
.input:hover {
|
|
box-shadow: 0 0 0 .15vw rgba(135, 207, 235, 0.186);
|
|
}
|
|
|
|
.input:focus {
|
|
box-shadow: 0 0 0 .15vw skyblue;
|
|
}
|
|
</style>
|