Html 形状梯度

我试图在一个按钮上做一个渐变，但是我不能让它和按钮的另一部分有相同的渐变。 我尝试在渐变中添加渐变，但似乎不起作用，也找不到解决方案。 这是我正在使用的代码：

按钮{
颜色：白色；
填充：3px 3px 3px 0px；
边界：0px；
字体大小：20px；
宽度：200px；
文本对齐：右对齐；
背景：线性梯度（50度，透明50%，rgb（149151，155）0%不重复，线性梯度（rgb（200205212），rgb（149151，155））30px 0不重复；
背景尺寸：30px100%，100%100%；
位置：相对位置；
光标：指针；
}

---

与团队会面

考虑在应用渐变的伪元素上进行倾斜变换。因为它是上/下方向，所以渐变不会受到倾斜的影响

按钮{
颜色：白色；
填充：3px 3px 3px 0px；
边界：0px；
字体大小：20px；
宽度：200px；
文本对齐：右对齐；
位置：相对位置；
光标：指针；
溢出：隐藏；
背景：无；
z指数：0；
}
按钮：：之前{
内容：“；
位置：绝对位置；
z指数：-1；
排名：0；
左：0；
右：0；
底部：0；
变换原点：顶部；
变换：斜交（50度）；
背景：线性梯度（rgb（200205212），rgb（149151155））；
}

---

与团队会面

这是因为您已经在使用线性渐变属性作为在按钮上创建三角形端点的技巧

不能多次使用同一属性。如果你想要一个三角形的末端，可以在你的按钮上用平的颜色