sombra - ¿Cómo hacer un efecto de bisel y efecto embebido en el botón CSS 3 para los navegadores basados en el kit web?
sombra interior div css (1)
¿Cómo hacer un efecto de bisel y efecto Embosed para enviar en CSS 3?
Me gusta esto.
Imagen ampliada
Solo estoy considerando navegadores basados en el kit web . y no estoy preguntando sobre Cómo dar esquina redondeada y cómo dar gradiente a botón, solo estoy preguntando sobre el efecto de bisel
Html
<input type="submit" value="Submit your entry" class="input" />
Esto es posible sin el uso de un margen adicional mediante el uso de varias sombras de cuadro:
box-shadow:
0 1px 2px #fff, /*bottom external highlight*/
0 -1px 1px #666, /*top external shadow*/
inset 0 -1px 1px rgba(0,0,0,0.5), /*bottom internal shadow*/
inset 0 1px 1px rgba(255,255,255,0.8); /*top internal highlight*/