• Buenas tardes,

    el logo de esta web está desenfocado y al pasar el ratón se enfoca por un momento y se desenfoca. Quisiera que no esté desenfocado pero no encuentro la manera. Aumentando la transicción al pasar el ratón se ve más tiempo enfocado si paso el ratón pero lo ideal es que aparezca enfocado en todo momento.

    Gracias por vuestra ayuda.

    Un saludo.

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 8 respuestas - de la 1 a la 8 (de un total de 8)
  • Moderador almendron

    (@almendron)

    No detector el problema que comentas.

    Buenas,

    es algo muy leve pero se aprecia. Cuando pasas el ratón por el logo que pone Zuncho se aclara durante una milésima de segundo. Si se abre el logo aparte se puede ver que no está desenfocado como en la web.

    Moderador almendron

    (@almendron)

    En Firefox ni se nota. En Chrome muy poco.

    Quita las dos líneas de «transition» y supongo que ya no se notará nada.

    .header-logo img {
    	width: 70px;
    	-webkit-transition: opacity 0.3s linear;
    	transition: opacity 0.3s linear;
    }
    Moderador Jose Luis

    (@jose64)

    Hola.

    Si revisas con el inspector de elementos del navegador verás que tiene asignada opacidad:

    .header-logo img:hover {
        opacity: .8;
    }

    Tienes que cambiar el valor para eliminar el efecto, añade al CSS personalizado del tema el valor nuevo en la ruta Apariencia > Ajustes > CSS adicional:

    .header-logo img:hover {
        opacity: 1;
    }

    Coméntanos cualquier duda y, por favor, recuerda cerrar el debate marcándolo como resuelto cuando así lo consideres, de esta forma nos ayudas a mantener el foro al día.

    @almendron Muchas gracias! Quitando las dos líneas de transition todavía se nota algo. Si aumento la línea de transition a 20000s por ejemplo se mantiene más tiempo enfocado si se pasa el ratón por encima, pero no me sirve. Ya que quiero que se vea enfocado en todo momento.

    .header-logo img {
    width: 70px;
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 20000.3s linear;
    }

    @jose64 Gracias!! Haciendo lo que comentas el efecto desaparece pero sigue viéndose borroso.

    Moderador almendron

    (@almendron)

    Si quitas las dos líneas y pones la opacidad a 1, debería ya verse bien.

    Ya están quitadas. Si os fijais sigue sin verse bien.
    Aquí se ve bien (es cuando pasaba el ratón por encima)

    Lo siento ser tan pesado…

    Un saludo

    Moderador Jose Luis

    (@jose64)

    Hola.

    El logo es una imagen .png, es posible que sea la resolución de la imagen lo que cree el efecto que dices. Yo la verdad la estoy viendo con un zoom de 500 en Chrome y Edge y 400 en Firefox y no veo el problema, de hecho el problema que planteabas era por el efecto en el hover y lo solucionaste.

Viendo 8 respuestas - de la 1 a la 8 (de un total de 8)
  • Debes estar registrado para responder a este debate.