Curso de HTML | Sombreados 1

Curso de HTML

Sombreados

Curso de HTML | Sombreados 2

Curso de HTML | Sombreados

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.  

text-shadow

<style type="text/css">
	h1{
		/*text-shadow: desplazamiento x, desplazamiento y, desenfoque, color*/
		text-shadow: 20px 5px 5px red
	}
</style>


<h1>Hola Mundo!</h1>
Ver código fuente

box-shadow

<style type="text/css">
	div{
		background:red;
		width:500px;
		height:500px;
		box-shadow: 10px 50px 100px green, inset 10px 50px 100px blue;	
		border-radius:0px 50px 100px 150px;
	}
</style>
<div></div>
border-radius, box-shadow
Notas:

border-radius:100% hace una capa ciruclar