Gradient Spinning Input
Inputs · Community
- GPU-friendly
- No JS
- Reduced-motion ready
Animated Input 2
A pure-CSS animated input, animating only GPU-friendly properties.
- GPU-friendly
- No JS
- 369 B gzip
Community animation · MIT License
Code
<!-- © 2023 Uiverse.io · MIT License -->
<input required="" type="text" placeholder="Your Name">
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
Animated Input
Inputs · Community
- GPU-friendly
- No JS
- Reduced-motion ready
Flip Hover Button Input
Inputs · Community
- No JS
- Reduced-motion ready
Flashy Gradient Input
Inputs · Community
- No JS
- Reduced-motion ready
Gradient Spinning Input 2
Inputs · Community
- GPU-friendly
- No JS
- Reduced-motion ready
Gradient Search Input
Inputs · Community
- No JS
- Reduced-motion ready