Stick Merge

262 argghh

Im Editor öffnen Video Veröffentlichen Sie Ihren Code

Empfohlen

25 November 2025

Stick Merge Spiel HTML5 Quellcode

13 June 2025

Gestapelte Stickerkarten

12 July 2025

Scrollgesteuerte Sticky-Überschrift

HTML

<!DOCTYPE html>

<html style="height: 100%;">
<base href="https://cdn.jsdelivr.net/gh/bubbls/UGS-Assets@bba3c3c4e71662c9d41dea31e564fa9952c123af/stick%20merge/">
<head>
  <title>Stick Merge</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="robots" content="noindex,nofollow" />
  <script type="text/javascript" src="/cloak.js"></script>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <link rel="stylesheet" href="css/stylesheet.css" type="text/css" charset="utf-8">

.pokiSdkContainer.pokiSdkFixed {
      position: fixed;
    }

.pokiSdkContainer.pokiSdkVisible {
      display: block;
    }

.pokiSdkContainer.pokiSdkHidden,
    .pokiSdkSpinnerContainer.pokiSdkHidden {
      display: none;
    }

.pokiSdkContainer.pokiSdkHidden,
    .pokiSdkSpinnerContainer {
      pointer-events: none;
    }

.pokiSdkSpinnerContainer {
      z-index: 10;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url('images/thumb_anim_2x.gif') 50% 50% no-repeat;
      user-select: none;
    }

.pokiSdkInsideContainer {
      background: #000;
      position: relative;
      z-index: 1;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      opacity: 0;
      -webkit-transition: opacity 0.5s ease-in-out;
      -moz-transition: opacity 0.5s ease-in-out;
      -ms-transition: opacity 0.5s ease-in-out;
      -o-transition: opacity 0.5s ease-in-out;
      transition: opacity 0.5s ease-in-out;
    }

.pokiSdkContainer.pokiSdkVisible .pokiSdkInsideContainer {
      opacity: 1;
    }

.pokiSDKAdContainer,
    .pokiSdkVideoContainer {
      position: absolute;
      width: 100%;
      height: 100%;
    }

.pokiSdkStartAdButton {
      position: absolute;
      z-index: 9999;
      top: 0;
      padding-top: 10%;
      width: 100%;
      height: 100%;
      text-align: center;
      color: #FFF;
      font: 700 15pt 'Arial', sans-serif;
      font-weight: bold;
      letter-spacing: 1px;
      transition: 0.1s ease-in-out;
      line-height: 1em;
    }

.pokiSdkPauseButton {
      cursor: pointer;
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 1;
    }

.pokiSdkPauseButton:before {
      content: '';
      position: absolute;
      width: 100px;
      height: 100px;
      display: block;
      border: 2px solid #fff;
      border-radius: 50%;
      user-select: none;
      background-color: rgba(0, 0, 0, 0.6);
      transition: background-color 0.5s ease;
      animation: 1s linear infinite pulse;
    }

.pokiSdkPauseButton:after {
      content: '';
      position: absolute;
      display: block;
      box-sizing: border-box;
      border-color: transparent transparent transparent #fff;
      border-style: solid;
      border-width: 26px 0 26px 40px;
      pointer-events: none;
      animation: 1s linear infinite pulse;
      left: 6px;
    }

.pokiSdkPauseButtonBG {
      position: fixed;
      top: 0;
      left: 0;
      display: block;
      content: '';
      background: rgba(0, 43, 80, 0.5);
      width: 100%;
      height: 100%;
    }

.pokiSdkPauseButtonBG:hover {
      background: rgba(0, 43, 80, 0.7);
    }

@keyframes pulse {
      0% {
        transform: translate(-50%, -50%) scale(0.95);
      }

70% {
        transform: translate(-50%, -50%) scale(1.1);
      }

100% {
        transform: translate(-50%, -50%) scale(0.95);
      }
    }

.pokiSdkProgressContainer {
      background: #B8C7DD;
      width: 100%;
      height: 5px;
      position: absolute;
      bottom: 0;
      z-index: 9999;
    }

.pokiSdkProgressBar {
      position: relative;
      bottom: 0px;
      background: #FFDC00;
      height: 100%;
      width: 0%;
      transition: width 0.5s;
      transition-timing-function: linear;
    }

.pokiSdkProgressBar.pokiSdkVisible,
    .pokiSdkPauseButton.pokiSdkVisible,
    .pokiSdkStartAdButton.pokiSdkVisible {
      display: block;
      pointer-events: auto;
    }

.pokiSdkProgressBar.pokiSdkHidden,
    .pokiSdkPauseButton.pokiSdkHidden,
    .pokiSdkStartAdButton.pokiSdkHidden {
      display: none;
      pointer-events: none;
    }
  </style>
  <meta http-equiv="origin-trial" content="AxujKG9INjsZ8/gUq8+dTruNvk7RjZQ1oFhhgQbcTJKDnZfbzSTE81wvC2Hzaf3TW4avA76LTZEMdiedF1vIbA4AAABueyJvcmlnaW4iOiJodHRwczovL2ltYXNkay5nb29nbGVhcGlzLmNvbTo0NDMiLCJmZWF0dXJlIjoiVHJ1c3RUb2tlbnMiLCJleHBpcnkiOjE2NTI3NzQ0MDAsImlzVGhpcmRQYXJ0eSI6dHJ1ZX0=">
  <meta http-equiv="origin-trial" content="Azuce85ORtSnWe1MZDTv68qpaW3iHyfL9YbLRy0cwcCZwVnePnOmkUJlG8HGikmOwhZU22dElCcfrfX2HhrBPAkAAAB7eyJvcmlnaW4iOiJodHRwczovL2RvdWJsZWNsaWNrLm5ldDo0NDMiLCJmZWF0dXJlIjoiVHJ1c3RUb2tlbnMiLCJleHBpcnkiOjE2NTI3NzQ0MDAsImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9">
  <meta http-equiv="origin-trial" content="A16nvcdeoOAqrJcmjLRpl1I6f3McDD8EfofAYTt/P/H4/AWwB99nxiPp6kA0fXoiZav908Z8etuL16laFPUdfQsAAACBeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZXRhZ3NlcnZpY2VzLmNvbTo0NDMiLCJmZWF0dXJlIjoiVHJ1c3RUb2tlbnMiLCJleHBpcnkiOjE2NTI3NzQ0MDAsImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9">
  <meta http-equiv="origin-trial" content="AxBHdr0J44vFBQtZUqX9sjiqf5yWZ/OcHRcRMN3H9TH+t90V/j3ENW6C8+igBZFXMJ7G3Pr8Dd13632aLng42wgAAACBeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZXN5bmRpY2F0aW9uLmNvbTo0NDMiLCJmZWF0dXJlIjoiVHJ1c3RUb2tlbnMiLCJleHBpcnkiOjE2NTI3NzQ0MDAsImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9">
  <meta http-equiv="origin-trial" content="A88BWHFjcawUfKU3lIejLoryXoyjooBXLgWmGh+hNcqMK44cugvsI5YZbNarYvi3roc1fYbHA1AVbhAtuHZflgEAAAB2eyJvcmlnaW4iOiJodHRwczovL2dvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IlRydXN0VG9rZW5zIiwiZXhwaXJ5IjoxNjUyNzc0NDAwLCJpc1N1YmRvbWFpbiI6dHJ1ZSwiaXNUaGlyZFBhcnR5Ijp0cnVlfQ==">
  <meta http-equiv="origin-trial" content="A7D05fL9zBqt11RE193XmJzeo4RPtGLsV822r1Bivfn7OUM0YRLJQcJVPgMdvq7u5hLUS/KmNIpe9fz+VE/dUg4AAACJeyJvcmlnaW4iOiJodHRwczovL2ltYXNkay5nb29nbGVhcGlzLmNvbTo0NDMiLCJmZWF0dXJlIjoiQ29udmVyc2lvbk1lYXN1cmVtZW50IiwiZXhwaXJ5IjoxNjQzMTU1MTk5LCJpc1RoaXJkUGFydHkiOnRydWUsInVzYWdlIjoic3Vic2V0In0=">
</head>

</body>

</html>

Stick Merge

Empfohlen

Stick Merge Spiel HTML5 Quellcode

Gestapelte Stickerkarten

Scrollgesteuerte Sticky-Überschrift

HTML

CSS

JS

Empfohlen

Stick Merge Spiel HTML5 Quellcode

Gestapelte Stickerkarten

Scrollgesteuerte Sticky-Überschrift

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS