駆け出しプログラマーの備忘録

異業種から訪れたIT業界について赤裸々トークを繰り広げる予定!                                 あ、私はプログラミングとは無縁の人生を送ってきたクソザコ野郎です٩( 'ω' )و

駆け プロ

#8 CSSだけで画像の切り抜き・背景画像を固定

f:id:momotaroch:20180408033108p:plain 

CSSだけで画像の切り抜き

 

www.webcreatorbox.com

 

img {
  width: 250px;
  height: 250px;
  object-fit: cover; /* この一行を追加するだけ! */
}
 
object-fit:cover;
これは重宝しそうな感じです。
なんてたって、画像加工しなくていいんですからね。笑
 
 

背景画像を固定

 
こちらは背景画像を固定する方法です。
 
background-image:url(' ~~~ ');
これで背景画像を指定していた場合に

position:fixed;

で固定できなくて検索して発見した記事になります。
 
 
いやあ、勉強になりますー。
CSSも知識がまだまだですので学ぶこと多くて楽しい٩( 'ω' )و