剛才在研究css
發現css3有辦法作出動畫效果
就先練習2D的轉換,參考了w3c上面的範例
目標是希望可以讓div可以變長變短
這是我寫的css
.accordion-content{
width:100%;
height:0px;
background:yellow;
transition:height 2s;
-moz-transition:height 2s; /* Firefox 4 */
-webkit-transition:height 2s; /* Safari and Chrome */
-o-transition:height 2s; /* Opera */
}
.accordion-content-hover{
height:200px;
}
可是剛才試過之後
發現跟我想像的不一樣
DIV的高度沒有改變,一直都固定顯示
當觸發改變的時候背景的黃色長度會慢慢變長到200px
可是我希望是整個都一起變化
請問應該怎麼修改?
謝謝各位