WEBLEB
होम
संपादक
लॉग इन करें
Pro
हिंदी
English
Français
Español
Português
Deutsch
Italiano
हिंदी
HTML
CSS
JS
<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>
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; }
/* Replace with your JS Code (Leave empty if not needed) */
Validating your code, please wait...
HTML
CSS
JS
<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>
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; }
/* Replace with your JS Code (Leave empty if not needed) */