円形サムネイル(thumbnail)の応用例です。

前回の投稿記事で「thumbnail+circle」で円形サムネイルが簡単に作成できることを証明しました。元になっている画像は正四角形でないと正円の円形サムネイルにならないことも分かりました。

その円形サムネイルでHPの見出しもどきの画像(下記)を作ってランディングページ(LP)の見出し(タイトル?)に応用してみました。元の画像は白地に黒のテキスト文字を配置した正四角形の画像です。

20170216_circle_サムネイルの例

円形サムネイルをふんだんに散りばめたLP見本ページです。

http://fujigopc.com/haikworld/