Flashy Gradient Input
Inputs · @mRcOol7
- No JS
- Reduced-motion ready
Gradient Input
A pure-CSS input with gradient effects. Created by Akshdeep74644 on Uiverse.io.
- No JS
- 629 B gzip
Created by @Akshdeep74644 on Uiverse.io · MIT License · View original →
Code
<!-- "Gradient Input" by Akshdeep74644 on Uiverse.io · MIT License · https://uiverse.io/Akshdeep74644/dry-mouse-37 -->
<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 · @Spacious74
- No JS
- Reduced-motion ready
Gradient Focus Input
Inputs · @Yaya12085
- No JS
- Reduced-motion ready
Gradient Spinning Input
Inputs · @marcos700x
- GPU-friendly
- No JS
- Reduced-motion ready
Flip Hover Button Input
Inputs · @0xnihilism
- No JS
- Reduced-motion ready
Gradient Spinning Input by vikas7754
Inputs · @vikas7754
- GPU-friendly
- No JS
- Reduced-motion ready