Kemono Image Blur on Hover Only (Reliable)

Blurs post images on Kemono until hover

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

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

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

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

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

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

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

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

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

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

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

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

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

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

// ==UserScript==
// @name         Kemono Image Blur on Hover Only (Reliable)
// @namespace    MoodyMonkey Scripts
// @version      1.0
// @description  Blurs post images on Kemono until hover
// @match        *://kemono.su/*
// @match        *://www.kemono.su/*
// @grant        none
// @license MIT
// ==/UserScript==

// === CONFIG ===
const useUrlCheck = true; // Set to false to always blur images or true to unblur only if url is a search result page.

// === CODE ===

(function () {
    'use strict';

    // Exit early if URL should disable the script
    if (useUrlCheck && window.location.href.includes('posts?q=')) {
        console.log('[Kemono Blur] URL matched "posts?q=" — skipping blur');
        return;
    }

    const style = document.createElement('style');
    style.id = 'kemono-image-blur-style';
    style.innerHTML = `
        img.post-card__image {
            filter: blur(15px) !important;
            transition: filter 0.2s ease-in-out !important;
        }

        img.post-card__image:hover {
            filter: none !important;
        }
    `;
    document.head.appendChild(style);
})();