Estoy creando múltiples bordes al elemento usando box-shadow, pero no se muestran en Webkit. ¿Qué pasa con este código? Estoy usando esto cuatro veces para crear sombra en cada lado, entonces la frontera de extra fronteras¿Box-shadow no funciona en Webkit?
box-shadow: 1px 1px 0px rgba(0,0,0,0.1);
Martti Laine
para mostrar el cuadro-sombra en los navegadores WebKit usted tiene que utilizar la siguiente declaración en el momento :
-webkit-box-shadow: 1px 1px 0px rgba(0,0,0,0.1);
para que sea compatible con la mayoría de los navegadores modernos utilizan este:
-webkit-box-shadow: 1px 1px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 1px 1px 0px rgba(0,0,0,0.1);
box-shadow: 1px 1px 0px rgba(0,0,0,0.1);
Esto funciona bastante bien, pero tenga en cuenta que la mejor práctica es colocar la declaración no propietaria al final.
-webkit-box-shadow: 1px 1px 0px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 0px rgba(0,0,0,0.1); box-shadow: 1px 1px 0px rgba(0,0,0,0.1);