UPDATE:2024.4.5
- CATEGORY
ストライプ柄を簡単作成! CSSジェネレーターを2つ紹介
![](https://apricot-design.com/wp2023/wp-content/uploads/2024/04/stripe.jpg)
シンプル操作で直感的にストライプを作成できる
「CSS Stripes Generator」
![](https://apricot-design.com/wp2023/wp-content/uploads/2024/04/CSS-Stripes-Generator.jpg)
画面が英語ですが、どこを操作すれば理想のストライプが作れるのかが
ぱっと見てわかるシンプルUIが使いやすいです。
通常は2色のストライプですが、「+Add Stripe」ボタンをクリックすると
数を増やして3色のストライプなども作ることができます。
ストライプができたら「Copy」をクリックしてCSSをコピーして使いましょう。
様々なストライプ柄を作れる「CSS STRIPE GENERATOR」
![](https://apricot-design.com/wp2023/wp-content/uploads/2024/04/CSS-STRIPE-GENERATOR.jpg)
![](https://apricot-design.com/wp2023/wp-content/uploads/2024/04/CSS-STRIPE-GENERATOR-2.jpg)
作成したらページ下部にCSSがあるのでコピーして使用すればOK!
どちらも使いやすいジェネレーターでおすすめです。