Flashy Gradient Input
Inputs · Community
- No JS
- Reduced-motion ready
Gradient Input
A pure-CSS input with gradient effects.
- No JS
- 629 B gzip
Community animation · MIT License
Code
<!-- © 2023 Uiverse.io · MIT License -->
<section>
<div class="input-group">
<input class="input" autocomplete="off" name="text" type="text" required="">
<label class="user-label">Full Name</label>
</div>
</section>
How to use it
- Paste the HTML where the animation should appear.
- Add the CSS to your stylesheet. PasteMotion has already scoped any global rules to the element.
Related animations
Gradient Search Input
Inputs · Community
- No JS
- Reduced-motion ready
Gradient Focus Input
Inputs · Community
- No JS
- Reduced-motion ready
Gradient Spinning Input
Inputs · Community
- GPU-friendly
- No JS
- Reduced-motion ready
Flip Hover Button Input
Inputs · Community
- No JS
- Reduced-motion ready
Gradient Spinning Input 2
Inputs · Community
- GPU-friendly
- No JS
- Reduced-motion ready