Código de HTML - Efecto De Sombra Atras!

Imágen de perfil

Efecto De Sombra Atras!gráfica de visualizaciones


HTML

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 16 de Enero del 2015 por Luis-miguel-
6.636 visualizaciones desde el 16 de Enero del 2015
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(4)

Publicado el 16 de Enero del 2015gráfica de visualizaciones de la versión: Html y Css
6.637 visualizaciones desde el 16 de Enero del 2015
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 (4)

Imágen de perfil
16 de Enero del 2015
estrellaestrellaestrellaestrellaestrella
No ha dejado ningún comentario
Responder
Imágen de perfil
17 de Enero del 2015
estrellaestrellaestrellaestrellaestrella
No ha dejado ningún comentario
Responder
Rvdo. Astaroth®
6 de Julio del 2017
estrellaestrellaestrellaestrellaestrella
Esta bueno. Saludos.
Responder
Imágen de perfil
19 de Agosto del 2017
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
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s3005