¿Te gustaría que cuando un visitante pase el cursor para ver tus menús se atenuase el resto de la web?
Me refiero a este efecto…
Pues este efecto tan interesante para centrar la visualización del visitante en tu menú es muy fácil de hacer, y aunque el tema Astra no lo incorpora como ajuste en sus opciones, puedes añadirlo a tu arsenal de personalizaciones para Astra.
Solo tienes que añadir un poquito de código en la sección «CSS adicional» del personalizador de WordPress, este:
/* Difuminar contenido al pasar el cursor sobre un menu */
#masthead:hover~#content {
opacity: 0.1;
transition: all 0.5s linear 0.1s;
}
#content {
transition: all 0.5s linear 0.1s;
}Por supuesto, puedes personalizar el nivel de opacidad a tu gusto (opacity).
Espero que te haya gustado este truco exprés para el tema Astra.
¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!
