CSS伪随机背景条纹

污斑兔

于 2024-10-21 11:20:28 发布

阅读量233

点赞数 2

CC 4.0 BY-SA版权

文章标签：前端 CSS

本文链接：https://blog.youkuaiyun.com/zweizhao/article/details/143107696

CSS伪随机背景条纹

利用到质数的公倍数与公约数技巧

div {
  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 41px, transparent 0);
  background- size: 41px 100%, 61px 100%, 83px 100%;
}