CSS-带阴影的锯齿形右边框

我用阴影做了一个Z字形的右边框，我做了一些研究，找出了顶部的Z字形边框，我需要在右边做多少度

.zigzag{
位置：相对位置；
宽度：100%；
高度：200px；
-webkit过滤器：投影（rgba（0,0,0,0.8）0px 1px 2px）；
背景：#ff7300；
}
.之字形：以前{
内容：“；
显示：块；
位置：绝对位置；
顶部：-10px；
宽度：100%；
高度：10px；
背景：
线性梯度(
45度，透明33.333%，
#ff7300 33.333%，#ff7300 66.667%，
透明66.667%
),
线性梯度(
-45度，透明33.333%，
#ff7300 33.333%，#ff7300 66.667%，
透明66.667%
);
背景尺寸：20px 40px；
}

你可以试试这个

.zigzag{
高度：200px；
宽度：100%；
背景：线性梯度（150度，#ff7300 6px，透明0）0 5px，线性梯度（-330度，#ff7300 5px，#FF0）0 5px；
背景色：#ff7300；
背景位置：右下角；
背景重复：重复-y；
背景尺寸：10px 10px；
}

你可以试试这个

.zigzag{
高度：200px；
宽度：100%；
背景：线性梯度（150度，#ff7300 6px，透明0）0 5px，线性梯度（-330度，#ff7300 5px，#FF0）0 5px；
背景色：#ff7300；
背景位置：右下角；
背景重复：重复-y；
背景尺寸：10px 10px；
}

---

您的cat将其旋转90度您的cat将其旋转90度