1.css從高度0到高度auto,過渡設置

?方法(vue代碼)

你可以通過設置transform: scale(0);到?transform: scale(1); 來實現,具體代碼

你也可以通過設置transform: scaleY(0);到?transform: scaleY(1);
這兩種展示的效果不一樣,你可以看看你喜歡那種

// css代碼// 原來的css類
.son-div {width: 100%;height: 0;transition: all 0.2s;overflow: hidden;transform: scale(0);     // scale 和 scaleY 選一個使用//   transform: scaleY(0);//  margin-top:0;  // 不使用scale的話,設置margin-top也是可以實現的,是個笨方法
}
// 元素展開添加的css類
.zhankai {height: auto;transform: scale(1);//   transform: scaleY(1);//    margin-top:10px;  這個值可以調設置的絕對值越大效果越好,正負值都可以,絕對值越小效果越不明顯 ,不過不推薦,這樣很影響布局
}

這是我常用的一些方法,如何有其他的更好的方法,可以評論留言。