WEBLEB
Home
Editor
Login
Pro
English
English
Français
Español
Português
Deutsch
Italiano
हिंदी
HTML CSS Button Animation Example
47
dynamiclogic657
Open In Editor
Publish Your Code
Recommended
15 September 2025
CSS Grid Animation Example
18 August 2024
Interactive Title Animation
22 August 2025
HTML Code Placeholder Comment
HTML
Copy
<html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Simple HTML CSS Button Animation</title> <link rel="stylesheet" href="/css/styles.css"> </head> <body> <button> Submit </button> </body> </html>
CSS
Copy
button { width: 150px; height: 60px; border: 3px solid #315cfd; border-radius: 45px; transition: all 0.3s; cursor: pointer; background: white; font-size: 1.2em; font-weight: 550; font-family: 'Montserrat', sans-serif; } button:hover { background: #315cfd; color: white; font-size: 1.5em; }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */
