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.
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;
}
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.
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
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.
