Menu

Code PHP bốc quà ẩn quà khi bốc

Website chuẩn seo Miễn phí
Demo:
Mở PDF gốc
Đang tải nội dung văn bản từ PDF…

Mô tả chi tiết

Code HTML Bốc Quà là mini-game nhẹ, chạy thuần HTML/CSS/JS, phù hợp sự kiện, livestream, lớp học, hội nhóm. Người chơi bấm vào một hộp quà bất kỳ → phát âm thanh mở quà → bung hiệu ứng → hiển thị phần thưởng. Hộp đã bốc sẽ tự ẩn (không chọn lại). Giao diện sáng, hiện đại, có header/footer, dễ đổi màu, logo, số lượng hộp, nội dung quà và file âm thanh.
* Tính năng nổi bật
🎁 Ẩn hộp sau khi bốc: tránh trùng phần thưởng, gọn màn hình.
🔊 Âm thanh mở quà: hỗ trợ MP3/WAV, có sẵn file mẫu.
📱 Responsive: chạy mượt trên mobile, tablet, PC; có nút Fullscreen.
✨ Hiệu ứng mượt: hover, mở nắp, confetti (bật/tắt).
🎛️ Dễ cấu hình: số hộp, tên quà, tỷ lệ, màu sắc, icon, font, âm thanh.
🔒 Chặn bốc lại (tùy chọn): dùng localStorage lưu trạng thái theo trình duyệt.
⚙️ Không phụ thuộc thư viện: chỉ HTML/CSS/JS thuần; chạy offline.
♿ Thân thiện truy cập: aria-label, focus ring, điều hướng bàn phím.

* Tính năng nổi bật
🎁 Ẩn hộp sau khi bốc: tránh trùng phần thưởng, gọn màn hình.
🔊 Âm thanh mở quà: hỗ trợ MP3/WAV, có sẵn file mẫu.
📱 Responsive: chạy mượt trên mobile, tablet, PC; có nút Fullscreen.
✨ Hiệu ứng mượt: hover, mở nắp, confetti (bật/tắt).
🎛️ Dễ cấu hình: số hộp, tên quà, tỷ lệ, màu sắc, icon, font, âm thanh.
🔒 Chặn bốc lại (tùy chọn): dùng localStorage lưu trạng thái theo trình duyệt.
⚙️ Không phụ thuộc thư viện: chỉ HTML/CSS/JS thuần; chạy offline.
♿ Thân thiện truy cập: aria-label, focus ring, điều hướng bàn phím.
* Công nghệ & tương thích
- HTML5, CSS3, JavaScript thuần (ES6+).
- Hỗ trợ Chrome, Edge, Firefox, Safari mới.
- Không cần backend, không yêu cầu thư viện ngoài.