お問い合わせ・無料相談
WEBのこと 2024.04.05

ストライプ柄を簡単作成! CSSジェネレーターを2つ紹介

WRITER
Sasayama Sayaka ディレクター
Sasayama Sayaka

ディレクター。ウェブデザイン技能士(2級)/HTML5プロフェッショナル認定資格 レベル1・レベル2。

ストライプ柄を簡単作成! CSSジェネレーターを2つ紹介


ストライプ柄をCSSで作れるジェネレーターを2つご紹介します。

シンプル操作で直感的にストライプを作成できる
「CSS Stripes Generator」

まず紹介するのがシンプルな操作で簡単にストライプが作れる「CSS Stripes Generator」

画面が英語ですが、どこを操作すれば理想のストライプが作れるのかが
ぱっと見てわかるシンプルUIが使いやすいです。

通常は2色のストライプですが、「+Add Stripe」ボタンをクリックすると
数を増やして3色のストライプなども作ることができます。

ストライプができたら「Copy」をクリックしてCSSをコピーして使いましょう。

様々なストライプ柄を作れる「CSS STRIPE GENERATOR」


「CSS STRIPE GENERATOR」は「GALLERY」ボタンを押すと、少し変わったストライプ柄を選んで作成することもできます。


ストライプ柄だけではなく、チェック柄なども選んで作成できます。

作成したらページ下部にCSSがあるのでコピーして使用すればOK!

どちらも使いやすいジェネレーターでおすすめです。

JOURNALが気に入ったら「いいね」してね!

Contact

ブランディング・WEB制作・運用まで、まずは一度お話を聞かせてください。 初回のご相談は無料で承っています。

お電話

0120-622835

10:00〜18:00 / 土日祝休

メールフォーム

お問い合わせはこちら