首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >我用CSS线性渐变作为背景做了这些条纹,但它们看起来并不那么清晰。既不在台式机上也不在移动屏幕上

我用CSS线性渐变作为背景做了这些条纹,但它们看起来并不那么清晰。既不在台式机上也不在移动屏幕上
EN

Stack Overflow用户
提问于 2018-06-17 00:49:33
回答 1查看 44关注 0票数 1

边框在桌面上看起来有点像素化,边缘/边框不像在移动屏幕上应该的那样清晰。我想用这个作为一些东西的背景。可以做些什么来解决这个问题?这是我的助手的链接-

https://codepen.io/abhishekakade/full/dKVJLR/

代码语言:javascript
复制
body {
  display: inline-block;
  height: 95vh;
  width: 97vw;
  background-repeat: no-repeat;
  background-image: repeating-linear-gradient(
    145deg,
    #333 0%,
    black 30%,
    yellow 30%,
    goldenrod 35%,
    black 35%,
    black 40%,
    yellow 40%,
    goldenrod 60%,
    #000 60%,
    #000 65%,
    yellow 65%,
    goldenrod 70%,
    black 70%,
    #333 100%
  );
}

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-06-17 07:02:15

简单地使用this

代码语言:javascript
复制
body {
  display: inline-block;
  height: 95vh;
  width: 97vw;
  background-repeat: no-repeat;
  background-image: repeating-linear-gradient(145deg,
    #333 0%, black 29.9%,
    yellow 30.1%, goldenrod 34.9%,
    black 35.1%, black 39.9%,
    yellow 40.1%, goldenrod 59.9%,
    #000 60.1%, #000 64.9%,
    yellow 65.1%, goldenrod 69.9%,
    black 70.1%, #333 100%
  );
}

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50889841

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档