mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
29 lines
873 B
HTML
29 lines
873 B
HTML
<input type="text" autocomplete="off" placeholder="Type your text" name="text" class="input">
|
|
<style>
|
|
/* From Uiverse.io by Codewithvinay - Tags: input */
|
|
.input {
|
|
/* fallback for old browsers */
|
|
background: -webkit-linear-gradient(to right, #f7797d, #FBD786, #C6FFDD);
|
|
/* Chrome 10-25, Safari 5.1-6 */
|
|
background: linear-gradient(to right, #f7797d, #FBD786, #C6FFDD);
|
|
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
|
|
background-repeat: no-repeat;
|
|
border-radius: 89% 29% 90% 23% / 0% 100% 0% 100%;
|
|
border-color: transparent;
|
|
width: 200px;
|
|
height: 50px;
|
|
padding: 20px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
text-align: center;
|
|
font-weight: 500;
|
|
font-family: inherit;
|
|
box-shadow: 23px 23px 46px #bebebe,
|
|
-23px -23px 46px #ffffff;
|
|
}
|
|
|
|
.input::placeholder {
|
|
color: white;
|
|
}
|
|
</style>
|