回答編集履歴
1
修正
answer
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
`circle` クラスを付与している要素
|
|
1
|
+
`circle` クラスを付与している要素の [`background-attachment` プロパティ](https://developer.mozilla.org/ja/docs/Web/CSS/background-attachment) に対して fixed を設定することで、縞模様の切れ目がずれてしまう問題を解決することが出来ます。
|
|
2
2
|
|
|
3
3
|
上記の変更に加えて CSS を調整すると、質問者さんの実現したいことは以下のように行なえると思います([動作確認用リンク](https://codepen.io/anon/pen/zQzzNB))。
|
|
4
4
|
|