提高在右箭头按钮，CSS

Question

这是我到目前为止有：http://jsfiddle.net/xzTGv/21/

我真的需要我的CSS按钮/锚的改善。我无法真正地获得正确的“三角形”（这实际上是一个正方形，旋转）以正确混合到按钮中。

有什么我应该做的？我看到一些人操纵边界来制作一个实际的三角形。但我发现我无法真正用这种方法获得渐变效果。我非常感谢所有可以得到的帮助。

预先感谢您！

Answer 1

我看到的问题是，主按钮是从上到下的光线到黑色的渐变，但旋转的“三角形”是从右到左的渐变。如果你可以旋转你的渐变从上到下旋转一个（所以，旋转渐变90度），那么你会被设置。

Answer 2

我只是在用的jsfiddle答案试图从麦克

.arrow:before{ 
    background: -moz-linear-gradient(left top, #ffffff 0%, #e6e6e6 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); 
    background: -webkit-linear-gradient(left top, #ffffff 0%, #e6e6e6 100%); 
    background: -o-linear-gradient(left top, #ffffff 0%, #e6e6e6 100%); 
    background: -ms-linear-gradient(left top, #ffffff 0%, #e6e6e6 100%); 
    background: linear-gradient(left top, #ffffff 0%, #e6e6e6 100%); 

应该努力！