Interesante y sencillo efecto que atenúa el contenido del sitio web cuando se pasa el ratón por encima del menú.
#masthead:hover~#content {
opacity: 0.25;
transition: all 0.2s linear 0.1s;
}
#content {
transition: all 0.2s linear 0.1s;
}El contenido de este artículo es código CSS. Para insertarlo en tu sitio web puedes añadir el código en la sección "CSS Adicional" del personalizador de WordPress (Apariencia > Personalizador), o bien añadirlo en la hoja de estilos del tema hijo (child theme) que tengas activo (por lo general, en el archivo style.css).