記事ページへ戻る

【CSS】画像をトリミングして表示する!「object-fit」の使い方 デモ

● odject-fit:cover

  • ヒグマ
  • ヒグマ2

● odject-fit:fill

  • ヒグマ
  • ヒグマ2

● odject-fit:contain

  • ヒグマ
  • ヒグマ2

● odject-fit:none

  • ヒグマ
  • ヒグマ2

● odject-fit:scale-down

  • ヒグマ
  • ヒグマ2

● cover 左下

  • ヒグマ
  • ヒグマ2

● cover (左右)35% (上下)30%

  • ヒグマ
  • ヒグマ2