Copy HTML
<!-- index.html -->
<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<title>Vòng Quay May Mắn XX8</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1 class="logo-xx8"><span class="text-xx">XX</span><span class="text-8">8</span></h1>
</header>
<div class="wheel-container">
<canvas id="wheelCanvas" width="420" height="420"></canvas>
<button id="spinBtn">QUAY XX8</button>
</div>
<script src="script.js"></script>
</body>
</html>
Copy CSS
/* style.css - LOGO NỔI BẬT ĐẬM CHẤT XX8 */
body {
background: linear-gradient(135deg, #fff0f5 0%, #ffd1dc 50%, #fbe4eb 100%);
font-family: 'Montserrat', sans-serif;
}
.logo-xx8 {
font-weight: 900;
letter-spacing: -1px;
display: inline-flex;
align-items: center;
filter: drop-shadow(0 4px 10px rgba(230, 0, 103, 0.25));
}
.logo-xx8 .text-xx {
color: #E60067; /* Pink Neon đậm tươi */
text-shadow: 0 0 12px rgba(230, 0, 103, 0.4);
}
.logo-xx8 .text-8 {
color: #000000; /* Đen tuyền tương phản */
text-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}
Copy JS
// script.js - Xử lý Vòng Quay & Âm thanh
const canvas = document.getElementById('wheelCanvas');
const ctx = canvas.getContext('2d');
// Khởi tạo và quay với các tham số thời gian và kết quả popup modal...