我在这里有一个CodePen，我正在尝试将我的 8 位小家伙变成 CSS3。
在第 89 行，我开始研究胡须。但这并不完全正确。
它目前正在重复 x 和 y，但它正在制作垂直条纹而不是我想要的圆点效果。如果您取消注释第 98 行 ( background-repeat:repeat-x;)，那么您会看到它具有正确的模式，但是它不会垂直重复（显然）（我希望 div 是任何高度，这仍然可以工作，你知道吗？ ）。我希望该模式在两个方向上正确重复。当它打开 repeat 或 repeat-y 时，它似乎重叠或其他东西。
在 中color-stops()，我最初使用transparent的不是$face颜色，但它使整个东西变成了红色。
要了解我想要达到的目标，请在此站点上参考我的头像。
[编辑] 我认为它更加复杂，因为我的图案不是直方格图案。这是重复的最小模式的特写：
