CSSで使えるすごい見出し・タイトルをまとめてみました。
codepenから引用しています。
すごい見出し・タイトル コピペで実装
こんなサイトあったら間違いなく釘付け！
そんなデザインをまとめました
ワクワクさせてくれるサイトってほんとステキですよね…
お城の世界
スクリーンの大きさによって世界の大きさも変わるというすごすぎるタイトルデザイン…
See the Pen
Castles, responsive parallax landscape by Karim Maaloul (@Yakudoo)
on CodePen.
カードタイトル
ホバーしたときの反応がおもしろい！
See the Pen
React — Parallax Image Hover by Tyler Kelley (@TylerK)
on CodePen.
動くテキスト背景
ホバーすることでなんと後ろの宇宙が動く！！
See the Pen
Text-mask background moving on MouseMove – v2 by Robert Borghesi (@dghez)
on CodePen.
積み木で！
自分オリジナルなタイトルがつくれちゃう！
See the Pen
dynamic 3D confetti text by Rachel Smith (@rachsmith)
on CodePen.
たどるたどる
縁にそってカラフルな糸が動く
See the Pen
Animated text fill with svg text practice by Cesar C. (@cesar2535)
on CodePen.
飛び出す文字！
文字を入力した瞬間…ぴょん！
See the Pen
typing text transition by Rachel Smith (@rachsmith)
on CodePen.
ドン！！
こんなタイトルが現れたら、もう興味津々
See the Pen
Headlander Title Animation by Chris Johnson (@jhnsnc)
on CodePen.
星座をつくれ！
幻想的な夜空に、マウスが星座をつくる
See the Pen
Animated Background by Marco Guglielmelli (@MarcoGuglielmelli)
on CodePen.
スクロールすると飛んでいく
一見普通のタイトル…？ 下にすすむと、、
See the Pen
Animated Scrolling Title by Steven Fabre (@stevenfabre)
on CodePen.
文字マップ
こんなのほしかった！ タイトル詰め込み放題
See the Pen
Beautiful Textual Map of France with CSS by Twikito (@Twikito)
on CodePen.
世界一カラフル
粒を調節すると、いろんなカラフルタイトルが楽しめる！
See the Pen
Text particle by Thibaud Goiffon (@Gthibaud)
on CodePen.
ロケットの操縦士は？
宇宙を進むロケット…何処へ？
See the Pen
Flying Rocket Banner by Eric Brewer (@ebrewe)
on CodePen.
折り紙な文字タイトル
紙を切ったようなデザイン…ホバーすると？
See the Pen
Peeled Text Transforms by Zoë (@Moiety)
on CodePen.
検索のトップ表示にできます！
Googleの新機能を堪能しませんか？
いままでの様に、求人広告やリスティング広告に多額の費用を支払う時代はもう終わりました
2019年から始まった新しいサービス「Googleしごと検索」を活用することで、誰でも簡単にGoogleの巨大プラットフームを利用できるようになったのです！
『すべて無料』で始められます！
