Mario Kart 64

Im Editor öffnen Video Veröffentlichen Sie Ihren Code

Empfohlen

25 November 2025

<html>
    <head>
        <style>
            body, html {
                margin: 0;
                padding: 0;
                width: 100%;
                height: 100%;
                overflow: hidden;
                background: #000;
            }
            #wrapper {
                width: 100%;
                height: 100%;
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
            }
            iframe {
                width: 100%;
                height: 100%;
                border: none;
            }
            #fullscreen-btn {
                position: absolute;
                top: 20px;
                right: 20px;
                z-index: 9999;
                padding: 12px 24px;
                background: #0064ff;
                color: white;
                border: none;
                cursor: pointer;
                border-radius: 8px;
                font-family: sans-serif;
                font-weight: bold;
                box-shadow: 0px 4px 15px rgba(0,0,0,0.5);
                transition: transform 0.2s;
            }
            #fullscreen-btn:hover {
                transform: scale(1.05);
                background: #0052d4;
            }
        </style>
    </head>
    <body>

<div id="wrapper">
            <button id="fullscreen-btn" onclick="goFullscreen()">Play Fullscreen</button>
            <iframe id="game-frame" src="https://sigmapoopyman69.github.io/timpa_learning_club.github.io/"></iframe>
        </div>

function handleFSChange() {
                const btn = document.getElementById('fullscreen-btn');
                const isFS = document.fullscreenElement || 
                             document.webkitFullscreenElement || 
                             document.msFullscreenElement;
                
                // Hide button when in fullscreen to keep the screen clear
                btn.style.display = isFS ? 'none' : 'block';
            }

// Standard and browser-specific listeners for fullscreen changes
            document.addEventListener('fullscreenchange', handleFSChange);
            document.addEventListener('webkitfullscreenchange', handleFSChange);
            document.addEventListener('msfullscreenchange', handleFSChange);
        </script>
    </body>
</html>

Mario Kart 64

Empfohlen

Super Mario Bros.

Karten-Hover-Effekt

Profilkartenentwurf

HTML

CSS

JS

Empfohlen

Super Mario Bros.

Karten-Hover-Effekt

Profilkartenentwurf

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS