Popup : Enable Desktop Mode ~ Professional And Color Changing ~ Animation Popup

📌 Copy & Use the Code

Click the copy button below to get the code.

<div class="colorful-popup" id="desktopModePopup" style="display: none;"> <div class="popup-content"> <h3>Enable Desktop Mode</h3> <p>For Best Experience</p> <button onclick="document.getElementById('desktopModePopup').style.display='none'">Got It</button> </div> </div> <style> #desktopModePopup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 300px; padding: 20px; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.3); z-index: 1000; text-align: center; animation: colorChangeDesktop 8s infinite; } .popup-content h3 { margin-top: 0; color: white; } .popup-content p { color: white; margin-bottom: 20px; } .popup-content button { background: white; border: none; padding: 8px 20px; border-radius: 20px; cursor: pointer; font-weight: bold; } @keyframes colorChangeDesktop { 0% { background: #3498db; } 25% { background: #9b59b6; } 50% { background: #e74c3c; } 75% { background: #f1c40f; } 100% { background: #3498db; } } </style> <script> window.onload = function() { setTimeout(function() { document.getElementById('desktopModePopup').style.display = 'block'; }, 3000); }; </script>

Enable Desktop Mode

For Best Experience