Simple HTML CSS Button
index.html
1
<html>2
<head>3
<meta charset="UTF-8">4
<meta name="viewport" content="width=device-width, initial-scale=1.0">5
<title>Simple HTML CSS Button Animation</title>6
<link rel="stylesheet" href="/css/styles.css">7
</head>8
<body>9
<button>10
Submit11
</button>12
</body>13
</html>styles.css
1
button {2
width: 150px;3
height: 60px;4
border: 3px solid #315cfd;5
border-radius: 45px;6
transition: all 0.3s;7
cursor: pointer;8
background: white;9
font-size: 1.2em;10
font-weight: 550;11
font-family: 'Montserrat', sans-serif;12
}13
button:hover { 14
background: #315cfd;15
color: white;16
font-size: 1.5em;17
}main.js
1
/* Replace with your JS Code 2
(Leave empty if not needed) */3
