Code source HTML5 du jeu Stick Merge

603 argghh

Ouvrir dans l'éditeur Video Publiez votre code

Recommandé

2 November 2025

Bouton animé CSS avec effet d'ondulation

31 October 2023

Un code par efficientapp58

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>

Code source HTML5 du jeu Stick Merge

Recommandé

Bouton animé CSS avec effet d'ondulation

Jeu de Serpent simple

Un code par efficientapp58

HTML

CSS

JS

Recommandé

Bouton animé CSS avec effet d'ondulation

Jeu de Serpent simple

Un code par efficientapp58

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS