Código de HTML - Efecto De Sombra Atras!

Imágen de perfil

Efecto De Sombra Atras!gráfica de visualizaciones


HTML

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 16 de Enero del 2015 por Luis-Miguel-
2.331 visualizaciones desde el 16 de Enero del 2015. Una media de 28 por semana
Podremos crear fantasticos efectos de sombra, con muy pocas lineas de código.

Seleccion_020

Requerimientos

Solo se necesita copiar el código en cualquier editor de código o texto y guardarlo con extencion .html

Html y Css
estrellaestrellaestrellaestrellaestrella(2)

Publicado el 16 de Enero del 2015gráfica de visualizaciones de la versión: Html y Css
2.332 visualizaciones desde el 16 de Enero del 2015. Una media de 28 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

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
<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
	body{
		background-color: silver;
	}
	#caja{
		position: relative;
		width: 700px;
		height: 300px;
		background-color: white;
		margin: 30px auto;
		box-shadow: inset 0px 0px 5px rgba(0,0,0,0.2)
	}
 
	#caja:before, #caja:after{
		content: "";
		position: absolute;
		z-index: -1;
	}
 
	#caja:before{
		width: 50%;
		height: 25%;
		left: 10px;
		bottom: 15px;
		box-shadow: 0px 15px 10px rgba(0,0,0,0.7);
		-moz-transform: rotate(-3deg);
	}
 
    #caja:after{
		width: 50%;
		height: 25%;
		right: 10px;
		bottom: 15px;
		box-shadow: 0px 15px 10px rgba(0,0,0,0.7);
		-moz-transform: rotate(3deg);
	}
	</style>
</head>
<body>
	<div id="caja"></div>
 
</body>
</html>



Comentarios sobre la versión: Html y Css (2)

Imágen de perfil
xve
16 de Enero del 2015
estrellaestrellaestrellaestrellaestrella
No ha dejado ningún comentario
Responder
Imágen de perfil
txema
17 de Enero del 2015
estrellaestrellaestrellaestrellaestrella
No ha dejado ningún comentario
Responder

Comentar la versión: Html y Css

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios

http://lwp-l.com/s3005