Popups con CSS

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.

Curso de HTML

29.  
30.  
33.  
36.  
51.  
<style>
	a .capaFlotante{
		position:absolute;
		margin-left:20px;
		margin-top:20px;
		display: none;
		color:black;
	}
	a:hover .capaFlotante{
		display: block
	}
</style>

<a href="#">
<span>Enlace</span>
<span class="capaFlotante">Capa flotante</span>
</a>

Ejercicio

Al hacer hover sobre el enlace aparece la fotografía.

← Modificación de la opacidad (opacity) de un elemento con CSS
Ejercicio - Galería de fotos →