Как сделать скос и эффект Embosed на кнопку в CSS 3 для браузеров на базе веб-кит?

Как сделать скос и эффект Embosed на кнопку Отправить в CSS 3?

Как это.

Увеличенное изображение

Я рассматриваю только браузеры Web-kit. и Я не спрашиваю о том, как дать круглый угол и как дать градиент кнопке, я только спрашиваю о эффекте скоса

Html

<input type="submit" value="Submit your entry" class="input" />

Ответы

Ответ 1

Это возможно без использования дополнительной надписи за счет использования нескольких теней:

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*/

http://jsfiddle.net/NPXfe/