Gradient Circle Button
Buttons · @mrhyddenn
- GPU-friendly
- No JS
Gradient Spinning Button by ShadowShahriar
A pure-CSS button with gradient and spin effects, animating only GPU-friendly properties. Created by ShadowShahriar on Uiverse.io.
- GPU-friendly
- No JS
- 686 B gzip
Created by @ShadowShahriar on Uiverse.io · MIT License · View original →
Code
<!-- "Gradient Spinning Button by ShadowShahriar" by ShadowShahriar on Uiverse.io · MIT License · https://uiverse.io/ShadowShahriar/nervous-goat-3 -->
<button>Hover me!</button>
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
Purple Gradient Button
Buttons · @vinodjangid07
- No JS
- Reduced-motion ready
Gradient Colorful Button
Buttons · @htwarriors108
- No JS
- Reduced-motion ready
Gradient Submit Button
Buttons · @vinodjangid07
- GPU-friendly
- No JS
- Reduced-motion ready
Gradient Faq Button
Buttons · @vinodjangid07
- GPU-friendly
- No JS
- Reduced-motion ready
Gradient Sign Up Button
Buttons · @vinodjangid07
- GPU-friendly
- No JS
- Reduced-motion ready