Cssだけで背景パターン・模様を生成する方法！グラデーションのrepeating（リピーティング。繰り返し）プロパティを使って、様々なパターンを作ってみましょう！
Synopsis
今回は、グラデーションを指定する為のCSSのみで、ストライプなどの背景パターンを作る方法を紹介しています。
You Might Also Like
![[CSS Introduction] A must-read for beginners! Mastering how to use the background property [HTML/...](https://i.ytimg.com/vi/A6F0QFgN97k/hq720.jpg?sqp=-oaymwEcCNAFEJQDSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLC2dAI8UTzuIF7KgAi2xtWssPCEcQ)
![[Super Easy] How to Overlay an Image + Gradient on a Background with CSS](https://i.ytimg.com/vi/Y_VVHrFiNgQ/hq720.jpg?sqp=-oaymwE2CNAFEJQDSFXyq4qpAygIARUAAIhCGABwAcABBvABAfgBzgWAAoAKigIMCAAQARhAIFYoZTAP&rs=AOn4CLAKck2RLcfP_tVrdKm9affb6ojW6Q)
Download Options
Choose a download method below. All links open in new tabs.
| Service | Features | Action |
|---|---|---|
| SaveFrom |
MP4 & MP3 • HD Quality • Browser Extension Available
|
Download |
Security Notice: These are third-party services. We recommend using antivirus software and being cautious of pop-up ads.