ホバー時に画像を大きくする

絶賛、海浜工務店コーディング中。

「時間のかからなさそうなFooterからやろう！」ということで取り掛かったけど…。

講師のもりさんが30分ぐらいでこなしたFooterのコーディングを６時間かけてコーディングするという…。

、svgで沼るというね…。

さて気を取り直して。

画像を表示する方法は２つ。

画像を表示する方法は、以下の２つ。

• img タグで表示
• css で   background-image で表示

この２つの方法、どちらでもホバーしたら大きくすることが出来る。

背景画像をホバーで大きくする

.fv-FeatureItemBG {
  transition: transform 1.5s ease;
 
  background-image: url(../image/== 画像のURL ==);
  background-size: cover;
  background-position: center center;
  &:hover {
    transform: scale(1.1);
  }
}