在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  網(wǎng)絡(luò)安全/ css 展開菜單動畫效果

css 展開菜單動畫效果

我有個菜單,當點擊父級的時候展開子菜單,我現(xiàn)在用的display但是我覺得過渡效果太生硬了,我想用動畫來解決。但試了沒有解決掉!
子菜單是沒有高度的,它的高度都是用子菜單的項目個數(shù)撐起來的,我想當點擊父級的時候能展開子菜單,然后有過渡效果,以不至于那么生硬啦?。?!

回答
編輯回答
編輯回答
哚蕾咪

元素配合下面幾個屬性即可
opacity: 0;
visibility: hidden;pointer-events: none;(這兩個隨意選擇一個 后面那個ie老版本不支持 但效果是最好)
transition:0.3s all;

hover的時候
opacity:1;
visibility:visible;pointer-events:auto;

2018年7月5日 08:59
編輯回答
憶當年

可以試試jq的animate()

2018年4月20日 02:02
編輯回答
朕略萌

建議還是給個最大高度 動畫效果jquery的slideUp slideDown蠻好用

2017年9月6日 20:11
編輯回答
奧特蛋

有個相對簡單的辦法 , 子菜單默認display:block; 但是height : 0 ; overflow hidden , 對height加transition過度 , 然后js控制寬度就行了;如果子菜單展示固定高度的話就更好了 , 直接用animation就可以了

2018年4月24日 18:15