CSSジェネレーター活用法

グラデーションの枠

フォームは横幅は可変できるけど、たて幅は固定です。
オプトインLPなどフォームが入る時の枠に使えます。

ゴールドの帯タイトル

グラデーションの背景(斜め)

ふわっとしたサテンのような雰囲気の背景でも、見出しでも使えます。

グラデーションの背景(斜め)

パキッと色を区切ることもできます

グラデーションの背景(縦)

例えば、背景が白の場合に、
始まりや終わりに「白(#FFFFFF)」を使うとフェードアウトして見えます。

グラデーションの背景(縦)

背景が白の場合に、
上下に「白(#FFFFFF)」を使うとぼかして見えます。

斜めの背景

コンテンツで使うには「position: absolute;」に対する「position: relative;」を設定する必要があり、
ジェネレーターのまま使うと、上の「CSSジェネレーター活用法」タイトル部分のようにページ上に張り付いたようになります。

しかも、中身まで斜めになってしまいます。<br>
さらに高さ指定が必要なので、コンテンツでは使えない!?

1行のタイトルなら可

ギザギザの背景

コンテンツの背景として、普通に使いやすいと思います。