mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
33 lines
502 B
HTML
33 lines
502 B
HTML
<input required="" type="text" placeholder="Your Name">
|
|
<style>
|
|
/* From Uiverse.io by sonusng - Tags: input */
|
|
input {
|
|
width: 210px;
|
|
height: 50px;
|
|
padding: 0 16px;
|
|
background: transparent;
|
|
border-radius: 4px;
|
|
border: 1px solid #fe4567;
|
|
color: #f9f9f9;
|
|
animation: shake_541 0.14s 3;
|
|
}
|
|
|
|
input:valid {
|
|
border-color: #45feaf;
|
|
animation: none;
|
|
}
|
|
|
|
@keyframes shake_541 {
|
|
0%, 100% {
|
|
translate: 0;
|
|
}
|
|
|
|
25% {
|
|
translate: 8px 0;
|
|
}
|
|
|
|
75% {
|
|
translate: -8px 0;
|
|
}
|
|
}
|
|
</style>
|