html css 部分省略;
假如一個圖片想讓他慢慢放大,再慢慢回原來形狀;
錯誤寫法:
.d1 img:hover{
transform: scale(1.2); //鼠標移上去 圖片放大1.2倍;
transition: 2s; // +如前面屬性 放大時候圖片2s內放大1.2倍,鼠標離開時瞬間回原形;
}
正確寫法;
.d1 :hover{
transform: scale(1.2); //鼠標移上去 圖片放大1.2倍;
}
.d1 img{
transition: 2s; //分開寫的好處是 鼠標移上去圖片2s內放大1.2倍.移走之后2s內圖片回原形;
}