CSSでアレンジ！コピペで使える見出しデザイン
CSSをコピペしてそのまま利用できる「見出しデザイン」のご紹介です。シンプルなものからユニークなデザインまで、すべてCSSのみで装飾しています。カラーやサイズを変更するだけで印象が変わりますので、自分好みにアレンジをしてみてください。
– INDEX –
Simple Line
ラインを使ったシンプルなデザイン
Under Line
See the Pen Headline design Under line by Binary Graffiti (@Binary_Graffiti) on CodePen.
See the Pen Headline design Under line by Binary Graffiti (@Binary_Graffiti) on CodePen.
Duble Line
See the Pen Headline design Duble line by Binary Graffiti (@Binary_Graffiti) on CodePen.
See the Pen Headline design Duble line by Binary Graffiti (@Binary_Graffiti) on CodePen.
Dotted Line
See the Pen Headline design Dotted line by Binary Graffiti (@Binary_Graffiti) on CodePen.
See the Pen Headline design Dotted line by Binary Graffiti (@Binary_Graffiti) on CodePen.
Upper and Lower Line
See the Pen GRRxKpJ by Binary Graffiti (@Binary_Graffiti) on CodePen.
See the Pen GRRxKpJ by Binary Graffiti (@Binary_Graffiti) on CodePen.
Surround Line
See the Pen Headline design Surround Line by Binary Graffiti (@Binary_Graffiti) on CodePen.
See the Pen Headline design Surround Line by Binary Graffiti (@Binary_Graffiti) on CodePen.
Left Line
See the Pen Headline design Left Line by Binary Graffiti (@Binary_Graffiti) on CodePen.
See the Pen Headline design Left Line by Binary Graffiti (@Binary_Graffiti) on CodePen.
Background
背景を取り入れたより印象的なデザイン
Background
See the Pen Headline design Background by Binary Graffiti (@Binary_Graffiti) on CodePen.
See the Pen Headline design Background by Binary Graffiti (@Binary_Graffiti) on CodePen.
Rounded Corners
See the Pen Headline design Rounded Corners by Binary Graffiti (@Binary_Graffiti) on CodePen.
See the Pen Headline design Rounded Corners by Binary Graffiti (@Binary_Graffiti) on CodePen.
Background and Left Line
See the Pen Headline design Background-and-Left_Line by Binary Graffiti (@Binary_Graffiti) on CodePen.
See the Pen Headline design Background-and-Left_Line by Binary Graffiti (@Binary_Graffiti) on CodePen.
Stitch Line
See the Pen Headline design Stitch Line by Binary Graffiti (@Binary_Graffiti) on CodePen.
See the Pen Headline design Stitch Line by Binary Graffiti (@Binary_Graffiti) on CodePen.
Callout
See the Pen Headline design Callout by Binary Graffiti (@Binary_Graffiti) on CodePen.
See the Pen Headline design Callout by Binary Graffiti (@Binary_Graffiti) on CodePen.
Peel Off
See the Pen Headline design Peel Off by Binary Graffiti (@Binary_Graffiti) on CodePen.
See the Pen Headline design Peel Off by Binary Graffiti (@Binary_Graffiti) on CodePen.
Ribbon
See the Pen Headline design Ribbon by Binary Graffiti (@Binary_Graffiti) on CodePen.
See the Pen Headline design Ribbon by Binary Graffiti (@Binary_Graffiti) on CodePen.
Stripe
おしゃれなストライプデザイン
Stripe Line
See the Pen Headline design Stripe Line by Binary Graffiti (@Binary_Graffiti) on CodePen.
See the Pen Headline design Stripe Line by Binary Graffiti (@Binary_Graffiti) on CodePen.
Stripe
See the Pen Headline design Stripe by Binary Graffiti (@Binary_Graffiti) on CodePen.
See the Pen Headline design Stripe by Binary Graffiti (@Binary_Graffiti) on CodePen.
Gradation
美しいグラデーションを取り入れたデザイン
Gradation Line
See the Pen Headline design Gradation Line by Binary Graffiti (@Binary_Graffiti) on CodePen.
See the Pen Headline design Gradation Line by Binary Graffiti (@Binary_Graffiti) on CodePen.
Gradation
See the Pen Headline design Gradation by Binary Graffiti (@Binary_Graffiti) on CodePen.
See the Pen Headline design Gradation by Binary Graffiti (@Binary_Graffiti) on CodePen.
Mark
マークをアクセントに使用したデザイン
Chevron Mark
See the Pen Headline design Chevron Mark by Binary Graffiti (@Binary_Graffiti) on CodePen.
See the Pen Headline design Chevron Mark by Binary Graffiti (@Binary_Graffiti) on CodePen.
