生成的 CSS 可以直接用吗?
可以。把 background、box-shadow 等属性原样复制,粘贴到目标元素的样式里即可。代码不带浏览器前缀(-webkit- 等)。linear-gradient、radial-gradient 和 box-shadow 在主流浏览器中早已稳定支持;conic-gradient 是相对较新的特性。
色标的位置可以省略吗?
CSS 语法上可以省略,省略时各色标会均匀分布。本工具为了明确表达位置,始终输出百分比;不需要的话,粘贴后把数值删掉即可。
box-shadow 最多能叠几层?
CSS 本身没有上限,用逗号分隔可以写任意多层。本工具为了便于操作,限制为最多 5 层。想要自然的投影,通常把“小而深”和“大而淡”的阴影叠 2~3 层就很好看。
背景图案用到图片了吗?
没有。条纹用 repeating-linear-gradient,圆点用 radial-gradient 加 background-size,棋盘格用 conic-gradient 实现。不增加图片请求,放大也不会模糊,改颜色只要改代码。