0

我最近刚刚学习了一些 HTML5/CSS3/JS 和 jQuery 的一部分，所以在很大程度上仍然是一个菜鸟，但试图制作一个导航栏，它是一堆垂直堆叠的平行四边形块，到目前为止只是搞砸了这个是我对每个块都有什么，但这使它们成为矩形，我希望将每个盒子的顶部推过去以创建平行四边形外观：

.nav {
    background-color: blue;
    border: 1px solid black;
    border-radius: 3px;
    margin: 2px;
    text-align: center;
    font-family: Verdana;
    font-weight: bold;
    font-size: 1em;
    color: yellow;
    padding: 15px;
    cursor: pointer;
}

我看到了一些关于使用 'transform: skew(xdeg)' 但它似乎没有影响任何东西，也许我没有正确实现它？

4

1 回答 1

1

你有没有尝试过：

.nav {
 /*all your properties */
 transform: skew(30deg);
 -o-transform: skew(30deg); /* Opera */
 -ms-transform: skew(30deg); /* IE 9 */
 -webkit-transform: skew(30deg); /* Safari and Chrome */
}
于 2013-07-14T03:54:54.030 回答