Blacket Moving Background Diagonal のソースコード

Blacket Moving Background Diagonal

Makes background.webp slowly move diagonally to top left on Blacket blooks background

右端で折り返す

// ==UserScript==
// @name         Blacket Moving Background Diagonal
// @version      1.0.0
// @description  Makes background.webp slowly move diagonally to top left on Blacket blooks background
// @match        https://*.blacket.org/*
// @grant        none
// @namespace https://greasyfork.org/users/1479014
// ==/UserScript==

(() => {
  const css = `
    @keyframes animatedBackground {
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: -100px -100px;
      }
    }

    .styles__blooksBackground___3oQ7Y-camelCase {
      background-image: url('/content/background.webp') !important;
      background-repeat: repeat;
      background-size: auto;
      animation: animatedBackground 9s linear infinite;
      -moz-animation: animatedBackground 9s linear infinite;
      -webkit-animation: animatedBackground 9s linear infinite;
      -ms-animation: animatedBackground 9s linear infinite;
      -o-animation: animatedBackground 9s linear infinite;
    }
  `;

  const style = document.createElement('style');
  style.textContent = css;
  document.head.appendChild(style);
})();