css 对角线条纹 - 重复线性渐变（）方法

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css 对角线条纹 - 重复线性渐变（）方法相关的知识，希望对你有一定的参考价值。

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
// alert('Hello world!');
<!-- content to be placed inside <body>…</body> -->
/**
 * Diagonal stripes - repeating-linear-gradient() method
 */

background: repeating-linear-gradient(60deg, 
              #fb3, #fb3 15px,
              #58a 0, #58a 30px);

height: 100%;

以上是关于css 对角线条纹 - 重复线性渐变（）方法的主要内容，如果未能解决你的问题，请参考以下文章

css CSS：使用重复线性渐变的条纹背景

如何去除使用线性渐变属性时出现的条纹[重复]

如何去除使用线性渐变属性时出现的条纹[重复]

如何防止 CSS 渐变色带？

如何将多个线性渐变添加到 CSS 背景？如果

css3渐变属性都有哪些