как убрать размытие на пикселе?

Question

У меня фактически есть размытый раздел.Теперь, к любому пикселю, который пользователь наводит на этот раздел, я хочу, чтобы этот пиксель потерял свой размытый эффект.Может ли кто-нибудь помочь мне с CSS, javascript или jQuery?

Я пробовал приведенный ниже код, чтобы получить местоположение, куда указывает пользователь, но я хочу, чтобы пиксель в этом месте не имел эффекта размытия.

У меня есть подразделение, называемое "заголовок" в HTML-коде

код CSS:

.header:hover{

    filter: blur(12px);
}

код JavaScript:

function getElementPosition(obj) {

    var curleft = 0, curtop = 0;
    if (obj.offsetParent) {
        do {
            curleft += obj.offsetLeft;
            curtop += obj.offsetTop;
        } while (obj = obj.offsetParent);
        return { x: curleft, y: curtop };
    }
    return undefined;
}


function getEventLocation(element,event){

    // Relies on the getElementPosition function.
    var pos = getElementPosition(element);

    return {
        x: (event.pageX - pos.x),
        y: (event.pageY - pos.y)
    };
}

var ev1=document.getElementById("header");

ev1.addEventListener('mouseover',

function(e){

    let eventlocation=getEventLocation(this,e);
    var coord="x="+eventlocation.x+", y="+eventlocation.y;
}
,false);