Cambiar posición h3

[pzin]

Iniciado por rodrypaladin

Gracias @pzin.

Voy aprovechando el post para preguntar pqueñas cosas.

Se puede realizar en css para que muestre texto al pasar el raton por encima de otro texto ??

Si. Siempre y cuando sean elementos hermanos posteriores, o descendientes de hermanos posteriores.

Algo así:

Código HTML:

<span class="hola">¿Cómo te llamas?</span>
<span class="yo">Rodry!</span>
 

Código CSS:

.yo {
  display: none;
}
 
.hola:hover + .yo {
  display: block;
}
 

O si es un hermano más lejano:

Código HTML:

<span class="hola">¿Cómo te llamas?</span>
<p>Yo aparezco porque si</p>
<p>Ninoni</p>
<span class="yo">Rodry!</span>
 

Código CSS:

.yo {
  display: none;
}
 
.hola:hover ~ .yo {
  display: block;
}
 

O metiéndole dentro de un contenedor y ya lo puedes poner donde quieras dentro del contenedor:

Código HTML:

<div>
  <p class="yo">Rodry!</p>
  <p>¿Cómo te llamas?</p>
</div>
 

Código CSS:

.yo {
  display: none;
}
 
div:hover .yo {
  display: block;
}