Gradient Spinning Input
Inputs · @marcos700x
- GPU-friendly
- No JS
- Reduced-motion ready
Animated Input by sonusng
A pure-CSS animated input, animating only GPU-friendly properties. Created by sonusng on Uiverse.io.
- GPU-friendly
- No JS
- 369 B gzip
Created by @sonusng on Uiverse.io · MIT License · View original →
Code
<!-- "Animated Input by sonusng" by sonusng on Uiverse.io · MIT License · https://uiverse.io/sonusng/lovely-bulldog-50 -->
<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 · @Galahhad
- GPU-friendly
- No JS
- Reduced-motion ready
Flip Hover Button Input
Inputs · @0xnihilism
- No JS
- Reduced-motion ready
Flashy Gradient Input
Inputs · @mRcOol7
- No JS
- Reduced-motion ready
Gradient Spinning Input by vikas7754
Inputs · @vikas7754
- GPU-friendly
- No JS
- Reduced-motion ready
Gradient Search Input
Inputs · @Spacious74
- No JS
- Reduced-motion ready