ác như lê văn luyện
💉(@
HTML:
<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<title>Game HTML + CSS</title>
<style>
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background: #eee;
}
/* Ẩn checkbox */
input {
display: none;
}
/* Nút bấm */
label {
padding: 20px 40px;
font-size: 20px;
color: white;
background: blue;
border-radius: 10px;
cursor: pointer;
user-select: none;
}
/* Khi bấm */
input:checked + label {
animation: colorChange 3s;
}
/* Animation đổi màu */
@keyframes colorChange {
0% { background: black; }
100% { background: blue; }
}
</style>
</head>
<body>
<input type="checkbox" id="btn">
<label for="btn">BẤM TÔI</label>
</body>
</html>
Code:
<button>o</button>
