如何使斜面和Embested效果在CSS 3中提交按钮?
@H_403_2@喜欢这个。
@H_403_2@放大图像
@H_403_2@我只考虑基于Web套件的浏览器。我不是问如何给圆角,如何给按钮渐变,我只是问斜角效果
@H_403_2@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.5),/*bottom internal shadow*/ inset 0 1px 1px rgba(255,255,0.8); /*top internal highlight*/@H_403_2@http://jsfiddle.net/NPXfe/