小编Joe*_* W.的帖子

如何在SASS/SCSS中创建硬件背景？

我已经创建了一个有11个硬停止的渐变,创造了11个独立框的幻觉.

就目前而言,有一个宽度的百分比被硬编码成线性渐变.我不禁想到有一种更有效的方式(通过SCSS？)而不是这样编码:

.color-bar {
      background: linear-gradient( to left,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0) 9.09%,
        rgba(0, 0, 0, .1) 9.09%,
        rgba(0, 0, 0, .1) 18.18%,
        rgba(0, 0, 0, .2) 18.18%,
        rgba(0, 0, 0, .2) 27.27%,
        rgba(0, 0, 0, .3) 27.27%,
        rgba(0, 0, 0, .3) 36.36%,
        rgba(0, 0, 0, .4) 36.36%,
        rgba(0, 0, 0, .4) 45.45%,
        rgba(0, 0, 0, .5) 45.45%,
        rgba(0, 0, 0, .5) 54.54%,
        rgba(0, 0, 0, .6) 54.54%,
        rgba(0, 0, 0, .6) 63.63%,
        rgba(0, 0, …

Run Code Online (Sandbox Code Playgroud)

css sass linear-gradients

Joe*_* W.

2017 04-05

6
推荐指数

1
解决办法

127
查看次数