Hola, Sergey al habla ![]()
Es un error un poco antiguo, pero en fin:
Navegando por el foro de Blenderartists, me encontré con un pequeño error: hay una sección en la parte superior del sitio web donde se pueden ver 6 obras destacadas. Al pasar el ratón sobre una de ellas, el título se hace visible. Lo que noté es que si el título contiene un emoji (como se muestra en la captura de pantalla a continuación) seguirá siendo visible incluso si aún no has pasado el ratón sobre él.
Hice una pequeña investigación y llegué a las siguientes reglas CSS que podrían ayudar a resolver este problema.
La cuestión es que el título de las imágenes de la fila destacada tiene las siguientes reglas:
.featured-topic h3 a {
font-size: 14px;
color: transparent;
transition: color .6s,text-shadow .6s
}
No creo que " color: transparent " sea la forma adecuada de hacerlo. Por eso solo afecta al texto, pero no al emoji en sí. Porque el emoji está envuelto en una etiqueta “img”.
Así que creo que sería mejor eliminar “color: transparent” y hacer algo como esto:
.featured-topic h3 {
position: absolute;
top: 0;
padding-top: 0;
left: 5%;
width: 90%;
text-align: left;
visibility: hidden;
}
.featured-topic:hover h3 {
visibility: visible;
}
Así que el código final se verá así:
Espero que ayude ![]()

