htmlbeginnermitFeatured
Animated Gradient Button
A button with a flowing animated gradient background.
4.8k2.0k17181
About this module
A high-impact CTA button whose gradient background continuously flows. Uses only CSS keyframes — no JavaScript, no dependencies.
#button#ui#gradient#animated#cta
Source code
Installation
- 1
Create the files
Create `index.html`, `style.css` and (if listed) `script.js` in the same folder.
- 2
Paste the code
Copy each file's source into its matching file.
- 3
Open in the browser
Open `index.html` in any modern browser. No build step or dependencies are required.
Usage
- 1
Copy the HTML
Paste the button markup where you need it.
<link rel="stylesheet" href="style.css" /> <button class="mh-btn-gradient"> <span class="mh-label">Get Started</span> </button>