エディタ(HTML表示)にコピペするだけで簡単に使える✨

グラデーションが綺麗な見出しデザインを4つご紹介いたします🧡

 

色変グラデーション + 線

見出しデザイン 

<h3 style="color: #FF8C00;">見出しデザイン<span style="margin-top: 8px; display: block; background: linear-gradient(to right, #FFA500, #FF69B4); height: 4px;">&nbsp;</span></h3>

 

色変グラデーション + 背景

見出しデザイン

<h3 style="color: white; padding: 8px 16px; background: linear-gradient(to left, #FF69B4, #FFA500);">見出しデザイン</h3>

 

透過グラデーション + 線

見出しデザイン 

<h3 style="color: #FFA500;">見出しデザイン<span style="margin-top: 8px; display: block; background: linear-gradient(to right, #FFA500, transparent); height: 4px;">&nbsp;</span></h3>

 

 

モイストウォッシュゲル

 

透過グラデーション + 背景

見出しデザイン

<h3 style="color: white; padding: 8px 16px; background: linear-gradient(to left, transparent, #FFA500);">見出しデザイン</h3>

 

 

以上です!いかがでしたでしょうか?🧡

 

ワンポイントアドバイス✨

今回はオレンジ色(カラーコード:#FF8C00, #FFA500)の見出しデザインを紹介させていただきましたが、カラーコードをお好きな色に変更することで自分好みの色味にカスタマイズできます💡

 

 

いいね、リブログ、フォロー全て拝見させていただいております🧡

その他、「こういうデザイン紹介してほしい」「このカスタマイズの方法教えてほしい」などご意見・ご要望等ございましたら、お気軽にコメントお待ちしております✨

 

 

【ゼンブヌードル】8食モニターセット【くらしのマーケット】くらべておトク、プロのお仕事