img

1行追加でOK！CSSだけで画像をトリミングできる「object-fit」プロパティー

img要素をbackground:coverのように親要素いっぱいに表示する方法【containのようにもできる！】

サイズの異なる画像を同じ画角に収めたい時

画像そのものに影をつけたい時

PCとSPで画像を切り替えかつ、画像の比率を保つ方法 @いちくん

特定のsrcを持つ画像にのみ適用させる

擬似要素の画像サイズを変更する方法

背景画像

デザインカンプと同じサイズ感の見た目にならない時

背景画像をマウスオーバーで拡大・縮小させる方法

背景画像を文字型に切り抜く（テキスト）・グラデーション＆CSSアニメーションでグラデループ

背景画像の縦横比を維持したままレスポンシブ対応する

画像以外にも使える！

子要素を親要素（インナー幅）からはみ出して画面いっぱいにするCSS