私は小さな 8 ビットの男を CSS3 にしようとしているCodePenをここに持っています。
89 行目で、あごひげの作業を開始します。しかし、それは正しくありません。
現在、x と y を繰り返していますが、私が目指している水玉効果ではなく、縦縞を作成しています。98 行目 ( ) のコメントを外すbackground-repeat:repeat-x;と、正しいパターンが表示されますが、(明らかに) 垂直方向には繰り返されません (div を任意の高さにしたいのですが、これでも機能しますよね? ）。そのパターンが両方向に正しく繰り返されることを望みます。繰り返しまたは繰り返し-yをオンにすると、オーバーラップするように見えます。
では、color-stops()もともと色transparentの代わりに使用$faceしていましたが、代わりに全体が赤くなりました。
私が達成しようとしていることを知るには、このサイトで私のアバターを参照してください。
[編集] 私のパターンはまっすぐな市松模様ではないので、余計に複雑だと思います. 以下は、繰り返される最小パターンのクローズアップです。
