但这显然是错误的.
大佬教程收集整理的这篇文章主要介绍了html – 创建水平居中的背景图像渐变三角形，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我想通过使用clip-path：polygon(…)创建一个指向css的三角形,并使用BACkground-image：linear-gradient(…)在其上应用渐变.
这一切都很好,但我需要这个形状作为我的网页的背景.
它需要始终居中,并且需要剪切/剪切不适合浏览器窗口的左右边缘.三角形不应该重新缩放;我想保留三角形边缘的陡度,三角形的高度不应该改变：
如图所示,即使浏览器窗口太小而无法包含三角形,三角形也应保持相同的宽度和高度.
到目前为止,我有：
div.main-BACkground {
position: absolute;
z-index: -1;
top: 0;
height: 500px;
width: 100%;
BACkground-image: linear-gradient(to bottom,#65AAB0,#AEE2B6);
BACkground-attachment: fixed;
BACkground-position-x: center;
BACkground-size: 1400px 500px;
clip-path: polygon(50% 80%,0 0,1400px 0);
} BACkground">
但这显然是错误的.
最佳答案
大佬总结
以上是大佬教程为你收集整理的html – 创建水平居中的背景图像渐变三角形全部内容，希望文章能够帮你解决html – 创建水平居中的背景图像渐变三角形所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。