ストロングゼロジェネレーターの画像をHTMLとCSSで再現する

サンプルはこちら

【参考】ストロングゼロ ジェネレーター

http://sara-g.com/strong_generator/

ランディングページなどで、「画面中央にいる登場人物の周囲に吹き出しを何個か配置したいとき」などに応用できるはず。

HTMLとCSSでストロングゼロジェネレーターの画像を再現

画面幅を縮めたときに文字と人物画像が重なってしまうときは、メディアクエリで文字のサイズや位置を調整すればある程度対処できる。

HTML
CSS

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です