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 - linear-gradient() method
 */

background: linear-gradient(45deg, 
              #fb3 25%, #58a 0, #58a 50%,
              #fb3 0, #fb3 75%, #58a 0);
background-size: 42.4px 42.4px;

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

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

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

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

如何防止 CSS 渐变色带？

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

CSS中的渐变——线性渐变