css實現鼠標懸停在圖片上圖片緩慢縮放效果

 

方法一：

.container{

　　background-size: 100% 100%;

　　transition: all 2s;

}

.container:hover{

　　background-size: 120% 120%;

}

 

方法二：

img{

　　transition: all 2s;

}

img:hover{

　　transform:scale(1.2);   //圖片放大的倍數

}