0

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

我真的需要改进我的 CSS 按钮/锚点。我真的无法获得正确的“三角形”（实际上是一个旋转的正方形）来正确融入按钮。

还有什么我应该做的吗？我见过一些人操纵边界来制作一个真正的三角形。但我发现我无法用这种方法真正得到渐变。我真的很感激我能得到的所有帮助。

先感谢您！

4

2 回答 2

1

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

于 2012-10-02T20:43:21.510 回答
1

我只是在用 Mike 的回答尝试 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%);

应该管用！

于 2012-10-02T20:51:57.093 回答