¿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:
1 2 3 4 5 6 7 8 9 | /* 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.
(11 votos, promedio: 4.6)
¿Te gustó este artículo? ¡No sabes lo que te estás perdiendo en YouTube!
