如何在CSS 3中为基于浏览器的浏览器制作斜angular和模拟效果?

如何使斜面和压缩效果提交button在CSS 3?

喜欢这个。

在这里输入图像说明

放大的图像 在这里输入图像说明

我只考虑基于Web-kit的浏览器。 而且我不是在问如何给圆angular以及如何给渐变button,我只是问关于斜angular效果

HTML

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

这可以通过使用多个阴影来使用额外的标记:

 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/