mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 13:10:21 +08:00
15 lines
No EOL
549 B
HTML
15 lines
No EOL
549 B
HTML
<!-- From Uiverse.io by Shubh0408 - Tags: input, text animation, animated, input effect , click animation -->
|
|
<div class="flex flex-col-reverse">
|
|
<input
|
|
placeholder="Enter detail"
|
|
class="peer outline-none border pl-2 py-1 duration-500 border-black focus:border-dashed relative placeholder:duration-500 placeholder:absolute focus:placeholder:pt-10 focus:rounded-md"
|
|
type="text"
|
|
/>
|
|
<span
|
|
class="pl-2 duration-500 opacity-0 peer-focus:opacity-100 -translate-y-5 peer-focus:translate-y-0"
|
|
>Enter detail</span
|
|
>
|
|
</div>
|
|
|
|
|
|
|