画像上に傾いたキャプションを表示

画像上に傾いたキャプションを重ねて表示する。

デモページを表示

CSS

補足

• 傾けないキャプションの表示方法は 画像のレスポンシブ対応（画像上にキャプション表示） を参照。
• slope-caption クラスで、傾いたキャプションのデザインを設定。
• レイアウトが崩れる場合は リセットCSS・共通CSS の内容を確認。

HTML

補足

• frame-img クラスに加えて slope-caption クラスを設定することで、キャプションを傾けることができる。

関連投稿

• 画像のレスポンシブ対応（画像上にキャプション表示）