我正在尝试将渐变应用于倾斜的 div，但渐变从倾斜开始的地方开始，并且无论我使用什么 Angular ，它都不会应用我正在寻找的渐变。
这是我要复制的渐变
但我得到了一个非常不同的结果……颜色不对，而且我右侧的颜色太绿了。您可以注意到，在上图中，渐变从底部的小楔形开始，但我的渐变从整个底部开始。
.main {
height: 80vh;
background-color: white;
}
.skew-div {
height: 100%;
width: 100%;
position: absolute;
top: 0;
background: linear-gradient(180deg, #1D2345 0%, #242766 27.88%, #294B7C 52.91%, #2E6E92 76.86%, #40CE9C 104.51%);;
transform: skewY(-12deg);
transform-origin: 0;
} <div class="main">
<div class="skew-div">
</div>
</div>如果不将图像作为背景，这是否可行？
最佳答案
使用剪辑路径
.main {
height: 80vh;
background-color: white;
position:relative;
}
.skew-div {
height: 100%;
width: 100%;
position: absolute;
top: 0;
background: linear-gradient(180deg, #1D2345 0%, #242766 27.88%, #294B7C 52.91%, #2E6E92 76.86%, #40CE9C 104.51%);
clip-path: polygon(0 0, 100% 0, 100% 70%, 0 100%);
}<div class="main">
<div class="skew-div">
</div>
</div>https://stackoverflow.com/questions/67860879/
相关文章：
python - 在 Python 中将文件上传到 AWS S3 存储桶文件夹导致正则表达式错误
r - 在 R 中的单个列中生成一个元素与所有其他元素的所有组合
r - ggplot : create a facet grid with free scales
python - 如何从python中的keccak 256哈希值中找到原始值？
perl - 如何使用 Perl IPC::Run3 从子进程读取标准输出和标准错误？
python - 使用另一个 dataFrame 更改 Pandas dataFrame 中的列中的
ibm-midrange - 带有预填充元素的 iSeries/IBM i 命令 (CMDSRC)