Foros del Web » Creando para Internet » CSS »

no me salen las sombras inferiores

Estas en el tema de no me salen las sombras inferiores en el foro de CSS en Foros del Web. Hola Estoy tratando de aplicar este CSS a las imágenes de mi sitio web, todo me funciona, excepto que los bordes inferiores deben aparecer algo ...
  #1 (permalink)  
Antiguo 15/04/2012, 09:26
Avatar de ramonjosegn  
Fecha de Ingreso: agosto-2011
Ubicación: Colombia
Mensajes: 651
Antigüedad: 12 años, 7 meses
Puntos: 40
no me salen las sombras inferiores

Hola
Estoy tratando de aplicar este CSS a las imágenes de mi sitio web, todo me funciona, excepto que los bordes inferiores deben aparecer algo levantados y doblados, no sé porqué no termina de mostrarse, qué estoy haciendo mal? o es que me falta código?


/*================================================= ================================================== =
* F R A M E F R A M E *
================================================== ================================================== =*/
/*.lizatom-box-wrapper img { border: 1px solid #DDD background: #fff padding: 6px; }*/
/* Shared styles */
.lizatom-box-wrapper { position:relative; z-index:1; margin:0 auto; }
.lizatom-box-wrapper:after { content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0; }
.lizatom-drop-shadow { position:relative; float:left; margin: 0.8em; padding: 5px 5px 3px 5px !important; background:#fff
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.lizatom-drop-shadow.lizatom-simple { margin-top: 0; margin-bottom: 10px; }
.lizatom-drop-shadow:before,
.lizatom-drop-shadow:after { content:""; position:absolute; z-index:-2; }

.lizatom-drop-shadow p { font-size:16px; font-weight:bold; }
/* Lifted corners */
.lizatom-lifted {
-moz-border-radius:4px;
border-radius:4px;
}
.lizatom-lifted:before,
.lizatom-lifted:after {
bottom:15px;
left:10px;
width:50%;
height:20%;
max-width:300px;
-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
-webkit-transform:rotate(-3deg);
-moz-transform:rotate(-3deg);
-ms-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
transform:rotate(-3deg);
}
.lizatom-lifted:after {
right:10px;
left:auto;
-webkit-transform:rotate(3deg);
-moz-transform:rotate(3deg);
-ms-transform:rotate(3deg);
-o-transform:rotate(3deg);
transform:rotate(3deg);
}
.lizatom-raised {
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

---------------------

ya he intentado con dos divs con diferentes CSS y nada de nada... no hay rastro de las sombras inferiores...
  #2 (permalink)  
Antiguo 15/04/2012, 09:44
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 9 meses
Puntos: 539
Respuesta: no me salen las sombras inferiores

Recomendable el uso de la etiqueta highlight para presentar código.

Un artículo de tantos sobre box-shadow
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 15/04/2012, 14:39
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: no me salen las sombras inferiores

El highlight... y un html ó url dónde asociar ese css

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #4 (permalink)  
Antiguo 17/04/2012, 09:42
Avatar de ramonjosegn  
Fecha de Ingreso: agosto-2011
Ubicación: Colombia
Mensajes: 651
Antigüedad: 12 años, 7 meses
Puntos: 40
Respuesta: no me salen las sombras inferiores

Nada ya he probado un montón de códigos y no hay forma....
  #5 (permalink)  
Antiguo 17/04/2012, 10:40
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 2 meses
Puntos: 306
Respuesta: no me salen las sombras inferiores

Me parece que no has entendido lo dicho por kseso? y emprear así que seré más claro:
Muestra el html o en su defecto un enlace para poder apreciar donde se aplican esos estilos que publicaste en el primer post.

Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--

Etiquetas: divs, sombras, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:39.