HTML ad tag preview - Powered by Ad Reform

Live Preview

Tag didn’t load? Click here and let us know!
1920x1080
1.28 MB
Share this result

Previews are deleted daily. Get a permanent share link sent to your inbox:
Script

Open in browser

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /><meta name="ad.size" content="width=320,height=480" /><script src="mraid.js"></script><script>window.CLICK_URL="{HTML_CLICK_URL}";</script><script>window.APP_BUNDLE="{APP_BUNDLE}";</script><title>Soccer 3D</title><style> *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } body { width: 100vw; height: 100vh; overflow: hidden; background: #0a0f1a; font-family: 'Arial Black', Arial, sans-serif; user-select: none; } canvas { display: block; position: fixed; inset: 0; z-index: 1; } #result { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); z-index: 20; font-size: clamp(40px, 13vw, 76px); font-weight: 900; letter-spacing: 4px; text-align: center; pointer-events: none; transition: transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1); } #result.visible { transform: translate(-50%, -50%) scale(1); } #result.goal { color: #FFD700; text-shadow: 0 0 40px rgba(255,215,0,0.8); } #result.saved { color: #ff4444; text-shadow: 0 0 40px rgba(255,68,68,0.8); } #result.miss { color: #ff8c00; text-shadow: 0 0 40px rgba(255,140,0,0.8); } #swipe-hint { position: fixed; bottom: 5vh; left: 0; right: 0; z-index: 10; text-align: center; pointer-events: none; color: rgba(255,255,255,0.9); font-size: 16px; font-weight: 900; letter-spacing: 3px; text-shadow: 0 0 14px rgba(255,215,0,0.7); display: none; animation: swipePulse 1.4s ease-in-out infinite; } @keyframes swipePulse { 0%, 100% { opacity: 0.65; transform: translateY(0); } 50% { opacity: 1; transform: translateY(-5px); } } .hint-arrow { position: absolute; animation: soccerHintArrow 1.4s ease-in-out infinite; } #hint-hand { animation: soccerHintHand 1.4s ease-in-out infinite; object-fit: contain; } #hint-oval-svg { position: absolute; overflow: visible; animation: soccerHintOval 1.8s ease-in-out infinite; filter: drop-shadow(0 0 6px rgba(255,255,255,0.6)); } @keyframes soccerHintOval { 0%, 100% { opacity: 0.6; } 50% { opacity: 1; } } #aim-svg { position: fixed; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 15; overflow: visible; } #shoot-area { position: fixed; inset: 0; z-index: 5; touch-action: none; } #loading { position: fixed; inset: 0; z-index: 50; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.7); color: #FFD700; font-size: 22px; font-weight: 900; letter-spacing: 3px; } #start-screen { position: fixed; inset: 0; z-index: 60; background: #000 center/cover no-repeat; display: none; cursor: pointer; transition: opacity 0.3s; } #start-screen.visible { display: block; } #hud { position: fixed; top: 0; left: 0; right: 0; z-index: 20; display: none; align-items: flex-start; justify-content: space-between; padding: 12px 16px; pointer-events: none; font-family: 'Arial', sans-serif; } #hud.visible { display: flex; } #score-board { background: rgba(0,0,0,0.65); border-radius: 14px; padding: 8px 16px; display: flex; align-items: center; gap: 6px; backdrop-filter: blur(6px); border: 1px solid rgba(255,255,255,0.1); } #hud-logo { width: 28px; height: 28px; object-fit: contain; border-radius: 50%; } #score-label { color: rgba(255,255,255,0.6); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; display: block; } #score-value { color: #fff; font-size: 28px; font-weight: 800; line-height: 1; display: block; } #shots-display { background: rgba(0,0,0,0.65); border-radius: 14px; padding: 8px 14px; display: flex; align-items: center; gap: 4px; backdrop-filter: blur(6px); border: 1px solid rgba(255,255,255,0.1); } .hud-ball { font-size: 22px; line-height: 1; filter: drop-shadow(0 0 4px rgba(255,255,100,0.6)); transition: all 0.3s; } .hud-ball.used { opacity: 0.25; filter: grayscale(1); } .coupon-overlay { position:fixed;inset:0;background:rgba(0,0,0,.85);display:none;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(8px) } .coupon-overlay.visible { display:flex } .coupon-content { width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:16px;box-sizing:border-box } .coupon-image-full { max-width:100%;max-height:90vh;display:block;border-radius:12px;object-fit:contain } .fireworks { position:absolute;inset:0;pointer-events:none;overflow:hidden } .firework { position:absolute;width:6px;height:6px;border-radius:50%;animation:_fw 1.5s ease-out forwards } @keyframes _fw { 0%{transform:translateY(0) scale(1);opacity:1} 100%{transform:translateY(-100px) scale(0);opacity:0} } #wiply-logo { width:20%;height:auto;left:5%;bottom:3.5%; } @media (min-width:600px) { #wiply-logo { width:10%;left:5.4%;bottom:7%; } } </style></head><body><div id="hud"><div id="score-board"><img id="hud-logo" alt="" style="display:none"><div><span id="score-label">GOALS</span><span id="score-value">0</span></div></div><div id="shots-display"><span class="hud-ball" id="hb0">⚽</span><span class="hud-ball" id="hb1">⚽</span><span class="hud-ball" id="hb2">⚽</span><span class="hud-ball" id="hb3">⚽</span></div></div><div id="result"></div><div id="start-screen"></div><img id="wiply-logo" src="https://wiplyplatform.fra1.cdn.digitaloceanspaces.com/mraid-tests/estate/soccer3d/kayzen/mini-v31/soccer3d-minimal/agency-logo.png" onclick="_mraidOpen('https://wiply.com/')" style="position:fixed;z-index:50;cursor:pointer;opacity:0.85"><div id="loading">LOADING...</div><div id="swipe-hint">⚽ SWIPE TO SHOOT</div><img id="hint-hand" alt="" draggable="false" style="position:fixed;pointer-events:none;z-index:1000000;opacity:0.7;display:none;" /><div id="hint-anchor" style="position:fixed;left:0;top:0;width:0;height:0;pointer-events:none;z-index:999999;display:none;"><svg id="hint-oval-svg"></svg><div id="hint-arrow-0" class="hint-arrow"></div><div id="hint-arrow-1" class="hint-arrow"></div><div id="hint-arrow-2" class="hint-arrow"></div></div><svg id="aim-svg"></svg><div id="shoot-area"></div><div id="coupon-overlay" class="coupon-overlay"><div id="fireworks-container" class="fireworks"></div><div id="coupon-content" class="coupon-content"></div></div><script>(function(){function l(){var s=document.createElement("script");s.src="https://wiplyplatform.fra1.cdn.digitaloceanspaces.com/mraid-tests/estate/soccer3d/kayzen/mini-v31/soccer3d-minimal/game.js";document.head.appendChild(s);}if(typeof mraid==="undefined"){l();return;}if(mraid.getState()==="loading"){mraid.addEventListener("ready",l);}else{l();}})();</script></body></html>
Landing Page

This ad does not have a landing page available
Network Timeline

Performance Summary

Requests
Domains
2214KB
Transfer Size
4123KB
Content Size
96.0ms
Dom Content Loaded
116.0ms
First Paint
6,306.0ms
Load Time
Domain Breakdown

Transfer Size (bytes)
Content Size (bytes)
Header Size (bytes)
Requests
Timings (ms)
Total Time
Content Breakdown

Transfer Size (bytes)
Content Size (bytes)
Header Size (bytes)
Requests