Cursos de páginas web

Popups con CSS

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

Curso de HTML

1.  
2.  
3.  
4.  
5.  
6.  
7.  
8.  
9.  
10.  
11.  
12.  
13.  
14.  
15.  
16.  
17.  
18.  
19.  
20.  
21.  
22.  
23.  
24.  
25.  
26.  
27.  
28.  
29.  
30.  
31.  
32.  
33.  
34.  
35.  
36.  
37.  
38.  
39.  
40.  
41.  
42.  
43.  
44.  
45.  
46.  
47.  
48.  
49.  
50.  
51.  
52.  
53.  
54.  
55.  
56.  
57.  
58.  
59.  
60.  
61.  
62.  
63.   
<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.

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