mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 13:10:21 +08:00
38 lines
No EOL
822 B
HTML
38 lines
No EOL
822 B
HTML
<input placeholder="type it" class="input" name="text" type="text" />
|
|
|
|
<style>
|
|
/* From Uiverse.io by tiagoadag1203 - Tags: animation, blue, purple, input, shadow */
|
|
.input {
|
|
max-width: 190px;
|
|
background-color: #1a1a1a;
|
|
border: none;
|
|
padding: 10px;
|
|
border-radius: 10px;
|
|
outline: none;
|
|
color: white;
|
|
}
|
|
|
|
.input:focus {
|
|
animation: rotateShadow 2s infinite linear;
|
|
}
|
|
|
|
@keyframes rotateShadow {
|
|
0% {
|
|
box-shadow: -2px -2px 8px 1px #aa00ff, 2px 2px 8px 1px #3700ff;
|
|
}
|
|
25% {
|
|
box-shadow: -2px 2px 8px 1px #aa00ff, 2px -2px 8px 1px #3700ff;
|
|
}
|
|
50% {
|
|
box-shadow: 2px 2px 8px 1px #aa00ff, -2px -2px 8px 1px #3700ff;
|
|
}
|
|
75% {
|
|
box-shadow: 2px -2px 8px 1px #aa00ff, -2px 2px 8px 1px #3700ff;
|
|
}
|
|
100% {
|
|
box-shadow: -2px -2px 8px 1px #aa00ff, 2px 2px 8px 1px #3700ff;
|
|
}
|
|
}
|
|
|
|
</style>
|
|
|