TILT -45° Prank

Funny prank to slowly tilt websites -45° to mess with people

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name           TILT -45° Prank
// @name:fr        INCLINAISON -45° Farce
// @namespace      VElMVCAtNDXCsCBQcmFuaw
// @version        1.1
// @description    Funny prank to slowly tilt websites -45° to mess with people
// @description:fr Blague drôle pour incliner les sites Web de -45°
// @author         smed79
// @license        GPLv3
// @icon           https://i25.servimg.com/u/f25/11/94/21/24/tilt4510.png
// @match          *://*/*
// @run-at         document-start
// @grant          none
// ==/UserScript==

(function() {
    'use strict';

    // The CSS: Adds a smooth 3-second animation so the user watches the page fall over
    const css = `
        html {
            transform: rotate(-45deg) !important;
            transform-origin: center center !important;
            transition: transform 3s ease-in-out !important;
        }
    `;

    // Create the style element
    const style = document.createElement('style');
    style.textContent = css;

    // Safely inject it as early as possible
    const injectStyle = () => {
        if (document.head) {
            document.head.appendChild(style);
        } else if (document.documentElement) {
            document.documentElement.appendChild(style);
        } else {
            const observer = new MutationObserver((mutations, obs) => {
                if (document.head || document.documentElement) {
                    (document.head || document.documentElement).appendChild(style);
                    obs.disconnect();
                }
            });
            observer.observe(document, { childList: true, subtree: true });
        }
    };

    injectStyle();
})();