Autor Tema: [Ayuda] Cuadrado total con sombra  (Leído 639 veces)

Desconectado G12

  • PHPer@ Fijo
  • ***
  • Mensajes: 153
  • Karma: 0
  • Nuev@ PHPer@
    • Ver Perfil
[Ayuda] Cuadrado total con sombra
« en: 05 de Julio de 2011, 19:19:39 pm »
Hola a tod@s, estoy haciendo una maquetacion en CSS y tengo casi el 75% de la website terminada.
Solo que tengo un pequeño problema, a demás creo que no se puede conseguir o hacer.

Código: [Seleccionar]
#contenedor {
box-shadow: 0 0 8px rgba(70,56,77,5);
width: 730px;
margin: auto;
}

Tengo este código, lo que pasa es que me hace un cuadrado en que las esquinas no tienen sombra.
Y quisiera que todo el cuadrado tuviera sombra no que se cortara en cada esquina 1cm de sombra.

Comunidad PHPeros

[Ayuda] Cuadrado total con sombra
« en: 05 de Julio de 2011, 19:19:39 pm »

Desconectado Mixvice

  • PHPero Experto
  • *****
  • Mensajes: 687
  • Karma: 32
  • Sexo: Masculino
  • ¡Y Tu Papá Tambien!
    • Ver Perfil
    • Tuhabbo
Re:[Ayuda] Cuadrado total con sombra
« Respuesta #1 en: 05 de Julio de 2011, 20:57:00 pm »
Intenta con este código:

Código: [Seleccionar]
-webkit-box-shadow: 0px 50px 10px #000000;
-moz-box-shadow: 0px 50px 10px #000000;
box-shadow: 0px 50px 10px #000000;
o bien puedes intentar con este generador de css3 :)