画像クロップ(トリミング)のobject-fit実装が楽になるmixin

[ ID : 1895 ]
画像クロップ(トリミング)のobject-fit実装が楽になるmixin

概要

画像を親要素の枠サイズに合わせてクロップして表示させることができるobject-fitの実装をmixin化し作業効率化をはかる。

用途

  • 画像を縦横比率関係なく親要素の枠サイズに合わせてクロップする。

検証ブラウザ

  • Google Chrome(最新)
  • Safari(最新)
  • Firefox(最新)
  • Microsoft Edge(最新)
  • IE11 ※JSプラグインobject-fit-images を使用している場合

実装方法

このコンテンツの続きを閲覧するにはログインが必要です。 新規会員登録

この記事をシェアする

全ての記事を見る

KONOCODEのメリット 無料会員登録