CSS Images Level 3
グラデーション関数
repeating-linear-gradient()
- 背景色がグラデーションの繰り返しになっていればOK
repeating-radial-gradient()
- 背景色が円形グラデーションの繰り返しになっていればOK
object-fit プロパティ
contain
- 丸い顔の画像がアスペクト比を維持したまま長方形の枠に収まって左右が空いていればOK
cover
- 丸い顔の画像がアスペクト比を維持したまま長方形の枠全体を埋めるように拡大されて上下が切り取られていればOK
object-position プロパティ
(object-position: right)