mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 13:10:21 +08:00
22 lines
484 B
HTML
22 lines
484 B
HTML
|
|
<input type="text" name="text" class="input" placeholder="Type here...">
|
|
<style>
|
|
/* From Uiverse.io by ercnersoy - Tags: neumorphism, input */
|
|
.input {
|
|
border: none;
|
|
padding: 1rem;
|
|
border-radius: 1rem;
|
|
background: #e8e8e8;
|
|
box-shadow: 20px 20px 60px #c5c5c5,
|
|
-20px -20px 60px #ffffff;
|
|
transition: 0.3s;
|
|
}
|
|
|
|
.input:focus {
|
|
outline-color: #e8e8e8;
|
|
background: #e8e8e8;
|
|
box-shadow: inset 20px 20px 60px #c5c5c5,
|
|
inset -20px -20px 60px #ffffff;
|
|
transition: 0.3s;
|
|
}
|
|
</style>
|