Código de HTML - Efecto De Sombra Atras!

Imágen de perfil

Efecto De Sombra Atras!gráfica de visualizaciones


HTML

Publicado el 16 de Enero del 2015 por Luis-miguel- (12 códigos)
7.582 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
7.583 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...
CerrarCerrar
CerrarCerrar
Cerrar

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

Puedes registrarte o validarte desde aquí.

Codigo
Negrita
Subrayado
Tachado
Cursiva
Insertar enlace
Imagen externa
Emoticon
Tabular
Centrar
Titulo
Linea
Disminuir
Aumentar
Vista preliminar
sonreir
dientes
lengua
guiño
enfadado
confundido
llorar
avergonzado
sorprendido
triste
sol
estrella
jarra
camara
taza de cafe
email
beso
bombilla
amor
mal
bien
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s3005