Bahis Bonus Çarkı

x2 Deposit
300 FS
Boş
500 FS
x3 Deposit
300 FS
/* Genel Stil Ayarları */ body { font-family: Arial, sans-serif; background-color: #f4f4f4; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; text-align: center; } .container { width: 80%; max-width: 600px; } h1 { font-size: 2rem; margin-bottom: 20px; } /* Çark Tasarımı */ .wheel-container { position: relative; } #wheel { display: flex; justify-content: center; align-items: center; border-radius: 50%; width: 300px; height: 300px; border: 10px solid #333; position: relative; transform-origin: center; transition: transform 3s ease-out; } .wheel-segment { position: absolute; width: 50%; height: 50%; background-color: #FF5733; text-align: center; line-height: 100px; font-size: 1.2rem; color: white; transform-origin: 100% 100%; } .wheel-segment:nth-child(1) { transform: rotate(0deg) translateY(-50%); } .wheel-segment:nth-child(2) { transform: rotate(60deg) translateY(-50%); } .wheel-segment:nth-child(3) { transform: rotate(120deg) translateY(-50%); } .wheel-segment:nth-child(4) { transform: rotate(180deg) translateY(-50%); } .wheel-segment:nth-child(5) { transform: rotate(240deg) translateY(-50%); } .wheel-segment:nth-child(6) { transform: rotate(300deg) translateY(-50%); } /* Çarkın butonu */ .spin-btn { margin-top: 30px; padding: 10px 20px; background-color: #4CAF50; color: white; border: none; border-radius: 5px; cursor: pointer; } .spin-btn:hover { background-color: #45a049; } /* Popup Tasarımı */ .popup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); justify-content: center; align-items: center; } .popup-content { background-color: white; padding: 20px; border-radius: 5px; text-align: center; width: 300px; } .popup-content h2 { margin-bottom: 20px; } #continueButton { padding: 10px 20px; background-color: #007BFF; color: white; text-decoration: none; border-radius: 5px; } #continueButton:hover { background-color: #0056b3; } // Çark ve buton elementlerini alıyoruz const spinButton = document.getElementById('spinButton'); const wheel = document.getElementById('wheel'); const popup = document.getElementById('popup'); const bonusMessage = document.getElementById('bonusMessage'); // Çark segmentlerini alıyoruz const wheelSegments = document.querySelectorAll('.wheel-segment'); // Çarkı çevirmeyi simüle etmek için fonksiyon function spinWheel() { const randomDeg = Math.floor(Math.random() * 360) + 3600; // 3600 ile birden fazla tur attırıyoruz const selectedSegmentIndex = Math.floor(Math.random() * wheelSegments.length); // Rastgele bir segment seçiyoruz // Çarkı döndür wheel.style.transform = `rotate(${randomDeg}deg)`; // 3 saniye sonra popup'ı göster setTimeout(() => { // Bonus mesajını ayarlıyoruz const bonus = wheelSegments[selectedSegmentIndex].getAttribute('data-bonus'); bonusMessage.innerText = `Kazandınız: ${bonus}! Bonusunuzu almak için devam edin.`; popup.style.display = 'flex'; // Popup'ı göster }, 3000); // Çark dönerken 3 saniye bekliyoruz } // Spin butonuna tıklama olayını ekliyoruz spinButton.addEventListener('click', spinWheel); // Popup'ı kapatmak için devam et butonuna tıklama document.getElementById('continueButton').addEventListener('click', () => { popup.style.display = 'none'; // Popup'ı kapat });

sadasd






Bahis Bonus Çarkı

Bahis Bonus Çarkı

x2 Deposit
300 FS
Boş
500 FS
x3 Deposit
300 FS



Sahifa Theme License is not validated, Go to the theme options page to validate the license, You need a single license for each domain name.