css 伪随机条纹

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css 伪随机条纹相关的知识，希望对你有一定的参考价值。

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

background: hsl(20, 40%, 90%);
background-image: 
	linear-gradient(90deg, #fb3 11px, transparent 0),
	linear-gradient(90deg, #ab4 23px, transparent 0),
	linear-gradient(90deg, #655 23px, transparent 0);
background-size: 83px 100%, 61px 100%, 41px 100%;

以上是关于css 伪随机条纹的主要内容，如果未能解决你的问题，请参考以下文章

伪验证码（含随机验证码方法）js+css

ActionScript 3 随机彩色弹性条纹

随机彩色弹性条纹

[css 揭秘] ：CSS揭秘 技巧：条纹背景

css [条纹]更改条纹表单的样式。

Css 仅条纹文本阴影效果