Question

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

我真的需要使用我的css按钮/锚点进行改进。我无法真正得到正确的“三角形”（实际上是正方形，旋转）以正确地融入按钮。

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

提前谢谢！

Answer 1

我看到的问题是主按钮从上到下是从浅到深的渐变，但旋转的“三角形”是从右到左的渐变。如果您可以旋转渐变在旋转的渐变上从上到下（因此，将渐变旋转90度），那么您将被设置。

Answer 2

我正在尝试使用Mike的答案来解决问题。

.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%);

应该有用！

使用CSS改进右箭头按钮

2 个答案: