css实现过度动画

css实现过度动画

div {
  width:300px;
  height:100px;
  /*transition写在div中 而不是hover中*/
 /*transition: width 0.6s ease 0s,height 0.3s ease-in 1s;*/
 transition: all 0.6s;/*所有属性都变化，后面连个参数可省略*/
}
/*鼠标经过盒子，改变盒子大小*/
div:hover {
 width:600px;
 height:300px;
}