Foros del Web - Ver Mensaje Individual

Kurozaki · #6 (**permalink**) 22/01/2011, 21:13

Tiene sombras??

Hay que ser astutos :)
Te dejo este codigo, y veelo, e intenta modificar las propiedades de la sombra (solo firefox)
Hasta obtener los resultados que quieras.

Mientras vee el ejemplo como te lo dejo yo, vee el codigo tal y como esta:

Código HTML:

Ver original<html>
<head><title>Sombras</title>
<style type="text/css">
html, body {text-align:center;}
 
#cuadro {
width:100px;
height:100px;
background:#00F;
border: 1px solid #000;
border-bottom: 0px;
-moz-box-shadow: 0px 2px 2px 2px black;
}
 
#cuadro2 {
width:100px;
height:100px;
background:#00F;
border: 1px solid #000;
border-top:0px;
-moz-box-shadow: 0px 5px 2px 2px black;
}
 
 
</style>
</head><body>
 
<div id="cuadro">
Hola
</div>
<div id="cuadro2">
Hola2
</div>
 
</body>
</html>

P.D: son dos div`s con sombras, pero parece que fueran solo uno.
dandoles border y quitandoles el superior y al otro el inferior, y uniendolos, y las sombras jugando con los valores, obtuve este resultado :)

Saludos